Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what is the JavaScript editor". In the daily operation, I believe many people have doubts about the JavaScript editor. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts about "what is the JavaScript editor?" Next, please follow the editor to study!

Sublime Text

If you want a flexible, powerful, extensible text editor that runs as fast as lightning and supports switching to other windows for code review, debugging, and deployment, consider using Sublime Text.

In addition to its high speed, Sublime Text has many noteworthy advantages, including more than 70 file types, including JavaScript, HTML, and CSS; instant navigation and instant project switching; multiple options (making a series of changes at a time), including column selection (selecting a rectangular area of a file at a time); multiple windows (using all your display windows) and split windows Complete customization using simple JSON files; Python-based plug-ins API; a unified, searchable command board.

For programmers using other editors, Sublime Text supports TextMate packages (excluding commands) and Vi / Vim emulation.

Sublime Text is a highly configurable and extensible text editor. It contains more than 50 grammars, including JavaScript, which can be extended using Sublime packages and TextMate syntax definitions. Syntax and support for Babel (React) and TypeScript (Angular) can be installed with a few keystrokes.

Sublime Text supports multiple windows, split windows, and each project can have multiple workspaces, multiple views, and multiple panes that contain views. When you want to integrate, debug, and test space, it becomes quite easy to use all the screen space. Sublime Text also supports customization of all content: colors, text fonts, global key bindings, tab stops, key bindings and code snippets for specific files, and even syntax highlighting rules. The encoding file for Sublime Text defaults to the JSON file, and the language definition defaults to XML.

Sublime Text has an active community for creating and maintaining Sublime Text packages and plug-ins. Many of the features that Sublime Text lacks, including JSLint and JSHint interfaces, JsFormat,JsMinify,PrettyJSON and Git support, can be achieved through community use of Package Installer.

Visual Studio Code

Visual Studio Code is a free lightweight editor and IDE, released by Microsoft. It has Visual Studio components that can be mixed with open source Atom Electron shell. It provides excellent support for ASP.Net Core development using C # and excellent support for Node.js development through TypeScript and JavaScript. Unlike the convention that Visual Studio supports only on Windows, Visual Studio Code can also run on MacOS and Linux.

Because it includes the TypeScript compiler and the Salsa engine, Visual Studio Code has a very good JavaScript code completion function. Visual Studio Code sends the JavaScript code to the background TypeScript compiler to infer the type and build the symbol table. You can see the information about the hasOwnProperty method in the box at the bottom of the screen image.

The same symbol table allows IntelliSense to provide you with an excellent list of pop-up options throughout the expression input process. You can get the following functions: automatic shutdown after filling, automatic completion options, automatic method list after typing, and automatic parameter list in the method. You can enhance IntelliSense by adding references to d.ts files from DefinitelyTyped. Visual Studio Code will provide you with these features when you identify frequently asked questions (such as using _ _ dirname in the Node.js built-in variable).

Visual Studio Code is a free lightweight editor and IDE for Node.js and ASP.Net development. It combines Microsoft technologies, such as TypeScript compiler, Roslyn .net compiler, and Electron shell used by Atom. Visual Studio Code is suitable 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 an excellent debugging experience for Node.js and ASP.Net development. Visual Studio Code has excellent HTML,CSS,Less,Sass and JSON tools, which are based on the same technology as the Internet Explorer F12 developer tool. In addition, Visual Studio Code can be customized with external task runners such as gulp and jake.

Visual Studio Code has a powerful plug-in ecosystem, such as support for Angular and React. It is recommended that you use Visual Studio Code when building applications using JavaScript and TypeScript frameworks and libraries.

Brackets

Brackets is a free open source editor originally from Adobe to provide better tools and related open Web technologies for JavaScript,HTML and CSS. Brackets itself is written in JavaScript,HTML and CSS. In addition to the built-in capabilities, Brackets also has an extension manager that extends many of the languages and tools used by front-end developers. Brackets doesn't run as fast as Sublime Text and TextMate, but it still runs very fast except for pauses to load or update program content from the network.

Not only does Brackets have good support for JavaScript,CSS,HTML and Node.js, it also has some other great features, such as HTML ID-related CSS online editing. In addition, Brackets has a simple UI interface and a real-time preview of web pages when editing. Brackets is a good choice for free code editors.

The Brackets extension is also written in JavaScript, and the Node.js module can also be called. Unlike most editors that display open files in a tab, Brackets has a list of working files displayed above the file tree.

Brackets's JavaScript autocomplete function is very good, automatically filling in the closing parentheses of all kinds of parentheses, and the automatic drop-down menu of keywords, variables, and methods after typing $in the jQuery method. Brackets can control the debugger for Node.js and restart Node from the menu item. Brackets can easily add extensions to additional functions (such as TypeScript and JSX support, Bower integration and Git integration).

Quick editing, quick saving of documents, quick opening of files, and real-time previews all help simplify editing Web applications, allowing you to focus on coding or design. Brackets also has some disadvantages, such as some Brackets extensions that are difficult to configure and not as easy as Emacs packages or Vim plug-ins.

Atom

Atom 1.15.0 is a free, open source, programmable editor on GitHub for Windows,MacOS and Linux platforms. It integrates with GitHub applications and has many available software packages and themes.

The Atom source code, which is located on GitHub, is written in CoffeeScript and integrated with Node.js. Atom is a special presence of Chromium browsers, designed as a text editor rather than a Web browser; each Atom window is essentially a locally rendered web page.

Performance is very good when Atom is not updated automatically. It has some great features, such as fuzzy search, quick item search and replacement, multiple cursors and selections, multiple panes, code snippets, code folding, and the ability to import TextMate syntax and themes. Atom can install two command-line utilities: Atom, which launches the editor from shell, and APM, which manages the software package for Atom.

Komodo Edit

Komodo Edit is a free, scaled-down version of Komodo IDE of ActiveState, which is a cool multilingual editor.

If you like Komodo IDE but can't afford it, Komodo Edit will be a good choice for you. Komodo Edit is not an IDE, so you need to do code control outside the editor.

It does not provide real-time code collection, if you develop independently, do not code with others, there will be no problem. It also does not provide a HTTP inspector. Komodo Edit has the same editing capabilities as Komodo IDE, but lacks code refactoring, debugging, unit testing, source control integration, and other features suitable for IDE.

In any case, Komodo Edit can meet your JavaScript editing needs for free and provide markup languages for editing HTML,CSS,Python,Perl,Ruby,Tcl and other programming.

Notepad + +

Notepad + + is a free open source Windows source code editor and notepad that is ideal for editing JavaScript. It supports about 50 programming and markup languages. In addition to its multiple document editing windows, it also has a workspace tree view, feature list tab, and document mapping tab. Its loading time is fast enough and its performance is strong enough not to make you feel slow.

With syntax coloring and folding features, editable features (including column mode editing and regular expressions, support for search and replace), and a certain amount of functional completion and parameter prompts, Notepad++ can easily become a * code editor for JavaScript. However, it is not yet a comprehensive JavaScript editor, it cannot generate code, perform operations such as refactoring, and quickly navigate through large projects.

BBEdit

BBEdit 11.0.3 is a text editor for Mac's HTML only. It supports about 35 programming and markup languages, and the community version 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-completion, mainly for function names, variable names, a small number of keywords, and tags. The licensed version can also be integrated with Git,Perforce and Subversion version control systems.

BBEdit 11 is a major rewrite of the product, which is faster than ever and works well with Ginormous files. It has the extraction function to copy the selection or search results to the new buffer, as well as the cutting function. BBEdit can edit and run Perl,Python,Ruby, and Shell scripts, and check the syntax of Perl and Python scripts.

BBEdit actually supports HTML and Markdown better than its support for JavaScript. You can install three command-line tools for BBEdit: one for editors, one for difference engines, and one for multimedia search.

TextMate

TextMate used to be mainly used to write Ruby on Rails on MacBook, but now TextMate has become less prominent, while Sublime Text is becoming more and more popular.

TextMate is not an IDE, but it provides features that language-specific IDE lacks, such as software packages, code snippets, macros, and scope systems. TextMate now provides simple bundles of JavaScript and jQuery, which provide a series of nice tools for quickly generating JavaScript and jQuery code. To have IDE-like functionality, you can use the shell integrated version of TextMate, but don't expect TextMate to do code refactoring, automated unit, or regression testing. If Grunt is set correctly, TextMate can automatically perform JavaScript tests.

TextMate has a bundle * item label from which you can download and install other bundles. The bundled source is actually the source code where the product resides in the GitHub repository.

Emacs

Emacs and its derivatives have come from MIT AI laboratories since the early 1970s. Emacs has evolved independently, starting with macros as TECO text editors. The default Emacs installed on MacOS is version 22.1.1, and there is no GUI support. You can easily install XEmacs,Aquamacs (GUI of MacOS) and newer GNU Emacs versions. Emacs as the JavaScript editor, the default mode for editing JavaScript is in the js package, and you can get better syntax highlighting and linting by using Emacs.

Emacs uses the js2 mode package and does it automatically using ac-js2. In Emacs, you can use serial mode to get real-time browser JavaScript,HTML and CSS interactions.

Vim (and variants)

Vi (visual interface) was originally written for Unix by Bill 喜悦. Since 1976, it has gradually evolved from Ed to Ex. Vim is a free, open source, improved version of Vi; that is installed on Mac OS X by default.

You can easily install an updated version of Vim, MacVim (GUI of MacOS), or any feature that applies to your platform. Vim is a JavaScript editor, and the recommendations in its vim-plug readme file are pretty good.

It is up to you to decide which editor to use

Whether you focus on client-side JavaScript or Node.js, you have a variety of options.

If you are looking for a powerful, fast JavaScript programming text editor that supports many other languages, you can choose Sublime Text.

If you want a free, fast JavaScript editor, compatible with IDE, and good support for ASP.Net and C#, Visual Studio Code is a good choice.

Brackets and Atom are two new, free text editors. Brackets is a very close editor for Node.js to develop IDE, and Atom can be highly integrated with GitHub desktop customers.

On Windows, Notepad++ is fast, efficient, and free. On MacOS, BBEdit is a fast, cool, free limited edition that can be used for version control integration and is a HTML tool. TextMate is still a great editor with fast, full-featured, and extensible features, but development has been slow.

If you prefer to use open source scripting languages, Komodo Edit is a good choice. If you like custom editors, Emacs or Vim can meet your requirements.

At this point, the study of "what are the JavaScript editors?" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.