


What tools do front-end developers use to write code? It has always been controversial. First, FrontPage, which has long been thrown into the corner, and then Dreamweaver, which has now been gradually thrown into the corner. Many experts believe that the front-end is so simple that you should directly use Notepad to write, but then they feel that Notepad is too painful, so they use NotePad or Sublime Text. 2 and the like, there is actually a good front-end development IDE??Aptana Studio. Although I have been using Dreamweaver's code view to write the front end... I used to use FrontPage's code system to write it. Who asked you to drag controls and write the front-end? If so, I might as well use Word to write the web page!
Okay, no more nonsense, let’s just serve.
1. First, go to the official website of Aptana Studio http://www.aptana.com/ (click to open the link) to download this tool. As shown below, remember to click the download button and select the Studio2 version. After entering, you should also pay attention to whether the web page has checked your system information. It is not your system that needs to be modified. Customize your Download. Come on, this thing can still be played on Linux. Attention enough. I no longer have to be looked down upon by the masters for using Dreamweaver to write web pages.
The reason why we don’t use the latest version 3 is just because when installing Aptana Studio 3, you have to download various plug-ins yourself. Studio 2 doesn't. You know, Guo Jia's network cannot be installed in a lifetime for foreign sites. If you want to use 3, just search for the complete integrated version from the Internet. In fact, if you install the plug-in in Studio2, you can also develop php, vbscript, etc.
2. Start the installation after downloading. When you see such a "retarded" next step, don't tell me that I can't install it...
3. After that, the key is after installation. The first thing to do when opening Aptana Studio is to change the workspace as shown below. Otherwise, your "My Documents" will be filled with projects in the future. This thing is actually an Eclipse. Changing the workspace is exactly the same as "[Javaweb] How to change the default development project space of Eclipse" (click to open the link), there is JQ.
4. I haven’t started working after changing the workspace. You also need to open Window->Preferences and change the default working encoding. What year is this? Apart from some legacy web projects, who else is gbk with you? Must be utf-8.
5. Do not create a new webpage directly and run it. Aptana Studio must be run in project units, so you need to right-click Project to create a new Project...
6. Select Default Web Project, this is the only one for you to choose. After that, name the project, such as the HTMLtest project, and click Next. It will prompt you to ignore the fact that no JavaScript is installed. In fact, after you install the plug-in, you can also write JQuery, ExtJs, etc.
7. Then create a new HTMLtest project here, and there will automatically be an index.html. Just click the run button above. Just select the server you want to test.
8. The advantage of Aptana Studio is that when writing JavaScript, the code is generated before it is finished, and it also prompts for browser compatibility, which is very convenient!

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Atom editor mac version download
The most popular open source editor

Dreamweaver Mac version
Visual web development tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 English version
Recommended: Win version, supports code prompts!
