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:

http://extjs.com/forum/showthread.php?t=6112

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:

http://extjs.com/blog/2007/06/29/building-a-desktop-application-with-ext-air-aptana-and-red-bull/

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 人气:3565
分享到:
blog comments powered by Disqus

相关文章

  • mahout under the development environment in eclipse 2011-07-30

    First, the source moved to ~ / workspace, the target folder for the mahout-distribution-0.5 Enter the directory, run mvn eclipse:eclipse Then, run sudo mvn -Declipse.workspace= eclipse:add-maven-repo Then from eclipse-> file-> import-> existing p

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • Linux, to build C / C + + development environment 2010-10-10

    Linux, to build C / C + + development environment Linux installed gcc and the addition to the default text editor, there is no availability of the IDE, of course, much better than windows, at least there is a gcc, learning linux and programming, the

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

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

CodeWeblog.com 版权所有 黔ICP备15002463号-1

processed in 0.381 (s). 12 q(s)