The available editors are: 1. Sublime Text, which is a highly configurable and extensible text editor; 2. vscode, which is a free lightweight editor and IDE; 3. Brackets , is a free open source editor; 4. Atom, is an open source, programmable editor; 5. WebStorm, is a lightweight IDE; 6. Komodo Edit, is a multi-language editor; 7. Notepad is an open source editor and notepad.
The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.
JavaScript Editor
Sublime Text
If you want a flexible, powerful, and extensible text editor that runs lightning fast and supports switching to other windows for code inspection, debugging, and deployment, then consider using Sublime Text.
In addition to being faster, Sublime Text has a number of noteworthy advantages. It covers more than 70 file types, including JavaScript, HTML, and CSS; instant navigation and instant project switching; multiple options (at once) Make a range of changes), including column selection (selecting a rectangular area of a file at a time); multi-window (use all of your monitor windows) and split windows; complete customization using simple JSON files; Python-based plugin API ; A unified, searchable command board.
For programmers using other editors, Sublime Text supports TextMate packages (commands not included) and Vi/Vim emulation.
Sublime Text is a highly configurable and extensible text editor. It contains over 50 grammars, including JavaScript, which can be extended using Sublime packages and TextMate grammar definitions. You can install syntax and support for Babel (React) and TypeScript (Angular) with a few keystrokes.
Sublime Text supports multiple windows and split windows. Each project can have multiple workspaces, multiple views, and multiple panes containing views. Using all the screen real estate becomes quite simple when you want to integrate, debug, and test spaces. Sublime Text also supports customization of everything: colors, text fonts, global key bindings, tab stops, file-specific key bindings and snippets, even syntax highlighting rules, etc. The encoding file of Sublime Text defaults to JSON file, and the language definition defaults to XML.
Sublime Text has an active community for creating and maintaining Sublime Text packages and plugins. Many features missing from Sublime Text, including the JSLint and JSHint interfaces, JsFormat, JsMinify, PrettyJSON, and Git support, are available through the community using the Package Installer.
Official website link: http://www.sublimetext.com/
Download address: http://www.sublimetext.com/3
Visual Studio Code (vscode)
Visual Studio Code is a free lightweight editor and IDE released by Microsoft. It has Visual Studio components and can be mixed with the open source Atom Electron shell. It provides excellent support for ASP.Net Core development using C#; it also provides excellent support for Node.js development through TypeScript and JavaScript. Unlike the convention that Visual Studio is only supported on Windows, Visual Studio Code can also run on MacOS and Linux.
Visual Studio Code has very good JavaScript code completion due to the inclusion of the TypeScript compiler and Salsa engine. Visual Studio Code sends the JavaScript code to the TypeScript compiler behind the scenes to infer types and build symbol tables. You can see the hasOwnProperty method information in the box at the bottom of the screen image.
The same symbol table enables IntelliSense to provide you with an excellent pop-up option list throughout the expression input process. You get the following features: auto-close after filling, auto-fill completion option, automatic method list after typing, and automatic parameter list in methods. You can enhance IntelliSense by adding a reference to the d.ts file from DefinitelyTyped. Visual Studio Code will provide you with these capabilities as you identify common issues such as using __dirname from Node.js built-in variables.
Visual Studio Code is a free lightweight editor and IDE for Node.js and ASP.Net development. It combines Microsoft technologies such as the TypeScript compiler, the Roslyn .Net compiler, and the Electron shell used by Atom. Visual Studio Code is available for Windows, MacOS, and Linux platforms.
Visual Studio Code’s Git support is very good and easy to use. The Visual Studio Code debugger provides a great debugging experience for Node.js and ASP.Net development. Visual Studio Code has very good HTML, CSS, Less, Sass and JSON tools, this tool is based on the same technology as the Internet Explorer F12 developer tools. Additionally, Visual Studio Code offers customizable integration with external task runners such as gulp and jake.
Visual Studio Code has a strong plug-in ecosystem, such as supporting Angular and React. It is recommended to use Visual Studio Code when building applications using JavaScript and TypeScript frameworks and libraries.
Official website link: https://code.visualstudio.com/
Download address: https://code.visualstudio.com/Download
WebStorm
WebStorm is a paid integrated development environment developed and maintained by JetBrains for JavaScript projects. Debugger available for Node.js applications and client applications, development platform for test runners, REST clients, unit tests and integrated development with VCS (e.g. GitHub, Mercurial).
You can use WebStorm to build projects in Angular, React, Vue.js, react Native, Electron, Node.js, Meteor, Cordova, and Ionic. WebStorm is not free to use, but it can be evaluated for free for 30 days.
Brackets
Atom
Komodo Edit
It does not provide real-time code collection function. If you develop independently and do not share code with other people, there will be no problems. It also doesn't provide an HTTP inspector. Komodo Edit has the same editing capabilities as Komodo IDE, but lacks code refactoring, debugging, unit testing, source code control integration, and other IDE-friendly features.
In any case, Komodo Edit can meet your JavaScript editing needs for free, and provides markup languages for editing HTML, CSS, Python, Perl, Ruby, Tcl and other programming.
Official website link: https://www.activestate.com/komodo-ide/downloads/edit
Download address: https://www.activestate.com/komodo-ide/downloads /edit
Notepad
Notepad is a free open source Windows source code editor and notepad, very suitable for editing JavaScript . It supports about 50 programming and markup languages. In addition to its multiple document editing windows, it has a workspace tree view, feature list tabs, and document mapping tabs. Its load times are fast enough and its performance is strong enough that you won't feel slowed down.
With syntax coloring and folding, editable features (including column mode editing and regular expressions, support for search and replace), and a decent amount of function completion and parameter prompting, Notepad can easily become the first choice for JavaScript Code editor. However, it's not yet a comprehensive JavaScript editor, and it can't generate code, perform operations like refactoring, and quickly navigate through large projects.
Official website link: https://notepad-plus-plus.org/
Download address: https://notepad-plus-plus.org/download/v7.3.3.html
BBEdit
BBEdit 11.0.3 is a text editor, HTML only for Mac, it supports about 35 programming and markup languages, the Community Edition also provides support for many other languages through the BBEdit website. Both the licensed version and the community version have syntax highlighting; the licensed version also has a certain amount of auto-complete functionality, mainly for function names, variable names, and a small number of keywords and tags. The licensed version also integrates with Git, Perforce and Subversion version control systems.
BBEdit 11 is a major rewrite of the product. This version is faster than before and can also handle Ginormous files well. It has an extract function to copy the selection or search results into a new buffer, as well as a cut function. BBEdit can edit and run Perl, Python, Ruby, and Shell scripts, as well as check the syntax of Perl and Python scripts.
BBEdit’s support for HTML and Markdown is actually better than its support for JavaScript. You can install three command line tools for BBEdit: one for the editor, one for the diff engine, and the last one for the multimedia search.
Official website link: http://www.barebones.com/products/bbedit/
Download address: https://s3.amazonaws.com/BBSW-download/BBEdit_11.6.6. dmg
TextMate
TextMate used to be primarily used for writing Ruby on Rails on MacBooks, but now TextMate has become less prominent , at the same time Sublime Text gradually received popularity.
TextMate is not an IDE, but it does provide features such as packages, snippets, macros, and scope systems that language-specific IDEs lack. TextMate now offers simple JavaScript and jQuery bundles that provide a nice set of tools for quickly generating JavaScript and jQuery code. For IDE-like functionality, you can use the shell-integrated version of TextMate, but don't expect code refactoring, automated unit or regression testing from TextMate. If Grunt is set up correctly, TextMate can automate JavaScript testing.
TextMate has a Bundles preference tab from which additional bundles can be downloaded and installed. Bundle sources are actually the product's source code that resides in a GitHub repository.
Official website link: http://macromates.com/
Download address: http://macromates.com/download
Emacs
Emacs and its derivatives come from the MIT AI Lab since the early 1970s. Emacs started as a macro in the TECO text editor and gradually developed into an independent language. The default Emacs installed on MacOS is version 22.1.1, which has no GUI support. You can easily install XEmacs, Aquamacs (GUI for MacOS) and newer GNU Emacs versions. Emacs is a JavaScript editor. The default mode for editing JavaScript is in the js package. Using Emacs can get better syntax highlighting and linting.
Emacs uses the js2 mode package and uses ac-js2 autocomplete. In Emacs, you can use serial mode to get real-time browser JavaScript, HTML, and CSS interaction.
Official website link: https://emacsformacosx.com/
Download address: https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg
Vim（and variants）
Vi (visual interface) was originally written by Bill Joy for Unix. Since 1976, it has gradually evolved from Ed to Ex. Vim is a free, open source, improved version of Vi; version 7.3 is installed by default on Mac OS X.
You can easily install a newer version of Vim, MacVim (the GUI for MacOS) or whatever is available for your platform. Vim is a JavaScript editor, and the suggestions in its vim-plug readme file are quite good.
Official website link: http://www.vim.org/
Download address: http://www.vim.org/download.php
Kinetic Wing
KineticWing is a free lightweight IDE available for all major operating systems. It is not a complex IDE, but more like a smart text editor with modern features. These features include: support for Sass or Less (with built-in compiler), support for HTML5 and CSS3, and support for CoffeeScript.
Code Mirror
CodeMirror is an online code editor based on Javascript. It is specially used to edit code and is equipped with a large number of language modes to achieve more Advanced editing features. CodeMirror is not a subsidiary product of a rich text editor. It is the basic library of many well-known online code editors.
Ace
ACE is an embeddable code editor written in JavaScript. It matches many local editors, such as Sublime, Vim and TextMate, etc. ACE is maintained as the main editor for Cloud9 ID and is the successor to the Mozilla Skywriter project.
Net Beans
NetBeans IDE is an award-winning integrated development environment that can easily run on Windows, Mac, Linux and Solaris. NetBeans includes an open source development environment and application platform. NetBeans IDE allows developers to use the Java platform to quickly create Web, enterprise, desktop and mobile applications. NetBeans IDE currently supports PHP, Ruby, JavaScript, Ajax, Groovy, Grails and C /C and other development languages.
Cloud 9
Cloud9 IDE is a JavaScript program development Web IDE built on Node.JS. It has a very fast text editor that supports shading for JS, HTML, CSS and a mixture of these. Cloud9 IDE also integrates debuggers for node.js and Google Chrome that can be started, paused and stopped in the IDE, enabling you to test and deploy your code in a cloud computing environment.
Eclipse
Eclipse is a well-known cross-platform free integrated development environment (IDE). Initially it was mainly used for Java language development, but now some people use plug-ins to use it as a development tool for other computer languages such as C and Python.
Scripted
Scripted is a fast and lightweight JavaScript code editor based on a web browser. Scripted is developed by VMware based on the editor component of Eclipse Orion. It works locally and content is served by a Node.js web server.
【Related recommendations: javascript video tutorial, Basic programming video】
The above is the detailed content of Which editor do you use for javascript?. For more information, please follow other related articles on the PHP Chinese website!
![JavaScript core tutorial [DOM BOM operations that JS must know]](https://img.php.cn/upload/course/000/000/041/61c56ae28d02a390.jpg)
![JavaScript in-depth analysis [Web front-end must know basic skills]](https://img.php.cn/upload/course/000/000/041/61d3ff1c83b43350.jpg)
![TypeScript introductory video [can be understood even without learning JavaScript]](https://img.php.cn/upload/course/000/000/068/6242c0fc4be39373.png)
![Practical development of imitation Meituan APP [A must-have JavaScript project for front-end programmers]](https://img.php.cn/upload/course/000/000/068/6242bebc05ca9210.png)
![JavaScript basic syntax [dom|bom|es6 new syntax|jQuery|data visualization echarts]](https://img.php.cn/upload/course/000/000/068/6242bb730fb11708.png)
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
