extjs development environment set up and practice

sponsored links
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
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • YahooMyWeb

Related Posts of extjs development environment set up and practice

  • JS after ajax request return of the problem can not be implemented

    1: Send ajax request, in the onComplete, if back when the html contains a javascript, then these javascrip and will not be realized, it does not mean not to implement. This problem has troubled me for a long time, behind the hair and then put this kn ...

  • Rails2.0.2 change the default DB adpter

    In Rails2.0.2 rails demo ... ... MissingSourceFile in SayController # hello no such file to load - sqlite3 RAILS_ROOT: / home / kenb / rails-projects / demo ... ... Checked config / database.yml, adpter default is set become the sqlite3. Check the ra ...

  • ROR resources

    Ruby Web site resources: ruby official website: http://www.ruby-lang.org ruby doc official website: http://www.ruby-doc.org rubyonrails official website: http://www.rubyonrails.org programming ruby online edition (Ruby studying the "Bible") ...

  • JS charts extjs implementation tools can be combined

    OpenFlashChart brief introduction by valensoft 2009-1-10 8:29:00 OpenFlashChart is an open source Flash and Javascript to the technical foundation for the free chart, using it to create some very useful analysis of the effect of the statements of the char

  • log4j easy application in java

    JAVA development, frequently used the log output, in a so-called most of the software company will have its own set of configuration style, re-read the configuration file to initialize property of the log, it will be good, but sometimes may not need to fu

  • In the Spring to configure Service

    JTA in Spring Development Environment: JDK1.5 (sun) + Myeclipse6.0 + Tomcat5.5 + ant 1.7.1 + MySql5.0.4 Framework version: JSF1.2 (sun) + hibernate3.3.1.GA + spring2.5.6 JTA (Java Transaction API) Only supports the standard EJB Persistence (JTA) transacti

  • hibernate using c3p0 connection pooling

    Private http://www.lifevv.com/tenyo/doc/20070605102040991.html c3p0 for open source's JDBC connection pool, with the release hibernate. This article describes how to use the hibernate configuration in c3p0. c3p0 connection pool configuration is v ...

  • Hibernate configuration parameters hibernate.hbm2ddl.auto

    Hibernate in the configuration file: <properties> <property name="hibernate.hbm2ddl.auto" value="create" /> </ properties> Parameter Description: validate load hibernate, the authentication to create a database t ...

  • In the servlet use Bean

    According to Sun's definition, JavaBean is a reusable software components. In fact JavaBean is a Java class, through the package into a property and methods of treatment of a function or a business object, referred to as bean. Because JavaBean is ...

  • Hibernate secondary cache

    Hibernate cache: 2-bit cache, also known as process-level cache or SessionFactory level cache, secondary cache can be shared by all of the session Cache configuration and the use of: Will echcache.xml (the document code in hibernate package directory ...

blog comments powered by Disqus
Recent Entries
Tag Cloud
Random Entries