Aptana: A Powerful Javascript development tool

Introduction

Aptana is a very powerful and open-source development tool dedicated to Ajax development. Let's take a look at its function description in the open-source Chinese community:

• Code assist in Javascript, JavaScript, HTML, and CSS;
• Outliner: displays the code structure of JavaScript, HTML, and CSS;
• Supports JavaScript, HTML, and CSS code prompts, including JavaScript custom functions;
• Code syntax error prompt;
• Supports customization and extension of Aptana UI;
• Cross-platform support;
• Supports FTP/SFTP;
• Debug JavaScript;
• Code assist that supports popular Ajax frameworks: aflax, dojo, jquery, mochikit, prototype, Rico, script. aculo. Us, Yahoo UI, ext;
• Adobe AIR and iPhone development tools.

Aptana is one of the best Javascript development environments I have ever used. I didn't use all the functions I wrote above, but I used a part of them. Of course it is enough for me.

Link

The following links are currently available and may change in the future.

Aptana Studio

Aptana home: http://www.aptana.com
Aptana documentation: https://wiki.appcelerator.org/display/tis/Home

Aptana open source community: http://www.oschina.net/p/aptana

Eclipse plug-in address

Aptana2 plug-in: http://download.aptana.com/tools/studio/plugin/install/studio

Aptana3 plug-in: http://download.aptana.com/studio3/plugin/install

Install

The selection of plug-ins depends on your eclipse version. 3.5 is a watershed. Before 3.5, select aptana2, and after 3.5 and 3.5, select aptana3. How to view the eclipse version? Needless to say, you can view the eclipse version as follows: Open the myeclipse installation directory/readme/readme_eclipse.html, and release the version number.
There are several installation methods. Many online users say that online download will fail, but I have not failed. Online download of earlier versions of myeclipse is simple. Help --> install new software --> enter the plug-in address -->... --> Finish. I am using myeclipse10. I will describe how to install the plug-in online. I am installing Aptana Studio 3.
Step 1: Select help --> myeclipse configuration center to enter a loding interface;
Step 2: select software;

Step 3: Introduction to the sowftware window;

Step 4: add the plug-in through the plug-in address. Click Add site and enter the name and URL. Here I enter the address of aptana3;
Step 5: Expand Aptana and double-click Aptana Studio 3 plugin;

Step 6: Apply 1 change is displayed in the upper right and lower right corner of the Panel. Click and accept the Protocol. Next, wait for download, and restart.

Please note that sometimes the apply change cannot be displayed because the available updates of the existing plug-in need to be checked as soon as the software updates available area comes in. The apply change is not displayed because it has not been checked, if the network speed is slow, wait for a while.

Use content assist

The prompt key is the same as the prompt key set by eclipse. The prompt will display scriptdoc and supported browsers.

There will be a browser icon on the right side of the prompt box to tell you whether the browser is supported, but it suddenly does not exist. If you know how to set it, please tell me.

Default Editor

Choose WINDOW> preferences> General> editors> file assocaition. Aptana provides the HTML, XML, CSS, and JavaScript editor without JSP. The following example shows how to set the Javascript editor:

Select Topic

Aptana3 provides a variety of code highlighting themes. aptana2 does not seem to have any, so it can only be configured by itself. Aptana3 uses the aptana3 topic by default, and the background color is black. Therefore, the installation is dark and can be replaced with your favorite highlight style.

After aptana3 is installed, the following icon is displayed on the toolbar. You can use this icon to change the topic.

You can also choose a topic by clicking WINDOW> preferences> Aptana Studio> themes.

Aptana2 topic:

Eclipse topic:

Outline View

Aptana provides a clear outline of the code structure, which is comparable to the outline provided by eclipse for Java. If there is no outline window, you can use window --> show View --> outline to display it.

With the outline, we can use Ctrl + O to quickly find a method or a member variable.

You can also link the specified method and press F3 or Ctrl + to call the method.

This type of link can be performed across JS files.

Scriptdoc

You can write scriptdoc to achieve the effect of javadoc, and add scriptdoc to the post method.

Call time:

When viewing:

Snippets

Click WINDOW> show View> snippets display window in sequence. Here are some customized templates that can be inserted quickly. You can customize the templates and customize the methods to see the document, I don't know.

Search

The Aptana editor retries the search. In the file opened by the editor, press Ctrl + F to display the following information:

Aptana joins a new project manager. Choose WINDOW> show View> Other> studio> app explorer to display the window.

After jquery prompts you to install aptana3, A commands will appear in the menu bar, click commands --> bundle Development --> install bundle in turn, a window will pop up, select jquery at the bottom, click to bring up something similar to the console. jquery support will be automatically installed, and myeclipse will be restarted. There will be more jquery under commands. Check the prompt:
Others

Automatically prompts extjs and other third-party JavaScript frameworks, debugging JS and other functions. Based on my own lack of third-party frameworks, debugging and using developer tools is sufficient, so I did not try, there should be a lot of tutorials on the network, even if not, you can refer to the Aptana Studio instructions. More useful functions are waiting for exploration. We recommend that you use Aptana.