extjs development environment set up and practice

1, download and extract the extjs

2, download eclipse and Eclipse AJAX Toolkit Framework (ATF)

I have been accustomed to using eclipse as a development environment, a variety of open-source plugin so that eclipse has all-around performance, operating efficiency than the other IDE high.

ATF includes a Mozilla browser, in the eclipse in the switch to the "Mozilla view", the developer can be html, dom, css debug. However, if single-step debug javascript, must be installed in several dojo or other ajax development framework, or else should not carry out debugging javascript. Do not understand why javascript debugging features must be bundled and the dojo, I did not used dojo, should not eclipse in debug in javascript, that some sorts.

ATF installation somewhat complex, there are some requirements to install Prerequisites Fortunately, the installation steps in the Eclipse Web site has made it clear that the use of Eclipse's' Software Updates' to install, one step is to configure has JSLint

3, download and install JSEclipse

JSEclipse is an eclipse plugin, as the javascript editor, so that the code has to distinguish between colors, code formatting and auxiliary encoding function

4, download and install firefox and Firebug

Because there is no eclipse can not be loaded dojo debug javascript, so I downloaded and installed firefox and firebug. Firebug is a firefox the plugin, similar to ATF, can be javascript, html, dom, css debugging, and Firebug html elements using the mouse to capture than the ATF convenience, ATF capture extjs contain html elements on the support of the Layout interface is not a good .

ATF and can complement the use of Firebug, personal feel than the Dongdong dreamweaver and ms good, compact flexibility can be good, not money, access to convenient, First kiss? !

5, from the extjs forum, download and install JSEclipse plugin Ext of the code completion library:


This may sound JSEclipse Dongdong extjs code to auto-complete feature, see the Forum as described in

6, Ext Debug Console

As long as the page containing ext-all-debug.js, click control + shift + home, there will be an interface, can be seen html structure, conduct html and css debugging, is also a good Dongdong!

7, in the development of the testing phase, do not use ext-all.js, because the file is compressed js files, inconvenient to read the debugger to ext-all-debug.js replaced in a production environment to use ext-all.js

Read these days aptana, feeling jseclipse use than many, but the machine a good bit more memory, the specific loading configuration, see:


Extjs because of the api doc is incomplete, has experience in extjs users can extjs by reading the source code to be in the document does not open widgets, function, variable, can be a multiplier effect! This is developed on the use of extjs very helpful, in general the main reference source / widgets directory source. In addition, the use Firebug for debugging single-step, you can add variables to the watch panel, through the start-level view, we can see that you have access to the property and methods.

According to adobe AIR installed Aptana and the code after the auxiliary function (eclipse create AIR project):

extjs development environment set up and practice

ATF debug css:

extjs development environment set up and practice

Firebug debug javascript:

extjs development environment set up and practice

分类:AJAX 时间:2009-03-02 人气:3696
blog comments powered by Disqus


  • J2ME development environment configuration (MyEclipse plug-in + WTK + jdk) 2010-09-20

    Myeclipse J2ME development of the environment configuration of the money made with the popularity of mobile devices and applications, storage equipment in a small research and development has entered a new period for example, digital television, PDA,

  • Flex / AIR development environment of Eclipse Posts 2010-08-14

    Build process is as follows: 1. Install plug ASDT: 1) Download: http://axdt.org/attachment/wiki/AsdtStart/org.asdt-0.0.9-r132.zip 2) plug-in installation slightly. 2. Project Experience: 1) Start Eclipse, you can see the Perspective in with ActionScr

  • Eclipse JavaScript Plugin increase _ _ highlighted code completion 2010-05-21

    1. Open Eclipse 2. Using Update Manager to install JSEclipse, in the main directory to find: Help> Software Updates -> Find and Install 3. In the pop-up interface in the first select Search for new features to install 4. Click New remote Site button

  • Eclipse plug-in development of the Getting Started 2010-03-29

    Now the Internet has been a lot of Eclipse plug-in development see the introductory article, I wrote here, the main purpose of this paper is to my own experience and the beginning of learning to tell to everyone. Meanwhile, we wish to use the most si

  • Eclipse build Android java development environment 2010-08-18

    http://www.cnmsdn.com/ 2010 Last 08 Day 18:42 Collection Android development environment set up 1 Download Android SDK http://code.google.com/android/download.html This is the official web site, go into the process is followed, choose on their own pl

  • ExtJs development environment set up 2010-03-18

    Advance preparation of its profits. A good developer tools can effectively improve the development speed and efficiency. ExtJs Download: www.extjs.com Debugging tool: Firebug Development tool: Spket (Eclipse plugin) After restarting Eclipse, windows-

  • OESF AndroidTM development environment for embedded system development of new regulations 2010-04-09

    General Incorporation Foundation Open Embedded Software Foundation (hereinafter referred to as OESF) (Location: Shinjuku, Tokyo Representative Director: Masataka Miura) as Android ™, a commitment to promote the popularization and development of embed

  • Briefly set up development environment for Eclipse + Android SDK 2010-10-24

    Basic Tools: Eclipse (for Java) JRE / JDK ADT Plugin Android SDK I now use Eclipse3.5, the official online recommendations 3.4 and 3.5, had 3.4 version of the machine, but the local installation ADT Plugin always stuck, toss me a long time. Then use

  • The Hadoop Eclipse-based application development environment configuration 2010-08-24

    Using hadoop-0.20.2, in hadoop-0.20.2/contrib / under eclipse-plugin, the hadoop-0.20.2-eclipse-plugin.jar, copy it to \ eclipse \ plugins below to start the eclipse, the installation was successful . Select Window-> Open Perspective, you can see a w

  • Hadoop development environment with eclipse 2010-09-17

    Light installation 1) http://blog.csdn.net/savechina/archive/2010/06/08/5656937.aspx 2) eclipse 3.3 version needed

iOS 开发

Android 开发

Python 开发



PHP 开发

Ruby 开发






Javascript 开发

.NET 开发



Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.033 (s). 13 q(s)