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

How to edit tools Sublime and VS code advantages and disadvantages comparison, I believe that many inexperienced people are helpless, for this reason this article summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

For different programmers, what kind of editing tool is very important. Therefore, Xiaobian compares the advantages and disadvantages of two editing tools Sublime and VS code for everyone, hoping to provide some reference for everyone's choice.

I. Sublime

Sublime Text is a lightweight, concise, efficient, cross-platform editor and an advanced text editor for HTML and prose. Sublime Text was developed by programmer Jon Skinner in January 2008 and was originally designed as a Vim with rich extensions.

Advantages:

Mainstream front-end development editors

Small size, fast running, fast start

Text is powerful

Compile is supported and the output can be seen in the console

A large number of plugins can be installed to meet customization needs (ctrl+shift+p,ip, search plug-in installation)

Lightweight, using small projects

Disadvantages:

Charge closed source, bug fix time slow

When installing plug-ins, only plug-in list, showing a simple description, plug-in configuration is inconvenient, many plug-ins sublime2 and sublime3 are incompatible

II. VS code

Visual Studio Code is a lightweight and powerful code editor that supports Windows, OS X and Linux. Built-in JavaScript, TypeScript and Node.js support, and has a rich plug-in ecosystem, you can install plug-ins to support C++, C#, Python, PHP and other languages.

Advantages:

Free.

plug-ins a lot, vscode development momentum recently fierce, easy to install plug-ins, plug-ins detailed introduction

Low memory occupation, startup speed, relatively fast opening speed

Full platform, Built-in strong support for JavaScript, TypeScript and Node.js,C++, C#, Python, PHP and other languages

Disadvantages:

not stable enough

Start speed, open speed is not as fast as Sublime, large projects are more suitable.

III. Installation

VS code official website download, direct installation.

VS code common plug-ins installation:

View--extension (or shortcut key ctrl+shift+x), enter the plug-in you want to install in the input box, select a plug-in, click, the right side will display the plug-in details, click install it

HTML Snippets, H6 snippets, tags, etc.

HTML CSS Support, Let html tag write class, Intelligent prompt the style supported by the current project.

view in browsers, ctrl+f1 In the default browser, run the current html

vscode-icon, Let vscode folder directory add the corresponding icon. (If it doesn't take effect, reselect settings in File-Preferences-File Icon Theme)

path intellisense, the file path is automatically completed.

npm intellisense, require completion of reference package

bracket pair colorizer, let brackets have independent colors

auto rename tag, modify tag closure

vetur, vue plugin, syntax highlighting, intellisense, emmet

tortoiseSvn, svn plugin

auto close tag, Automatically add html, xml close tag

beautify, formatting code

change-case, more explicit formatting of modified text, hump naming, underline division naming, etc.

chinese(Simplified)Language Pack for Visual Studio, vscode Students who are not used to reading English can download and install this, Chinese Simplified Language Pack

color info, hover the cursor over the color, you can preview the details of the color model in the color block,

Css peek, tracing back to where the css class and id are defined in the stylesheet. When right-clicking the selector in the html file menu, select "go to definition " to jump to the css style code segment.

debugger for chrome

eslint, check syntax errors in js programming

html boilerplate, html template plug-in, One click to create html file

htmlHint, html code format detection

image preview, mouse guard on image path, display image preview

intelliSense for CSS class names in HTML, Put the name in the CSS file in the project, Intelligent prompt in html

JavaScript (ES6) code snippets, es6 code snippets hints

On the above two editing tools Sublime and VS code comparison down, both have their own advantages and disadvantages, but Xiaobian more recommended VS code, on the one hand because of its powerful features, on the other hand because of free ah!

After reading the above content, do you know how to compare the advantages and disadvantages of editing tools Sublime and VS code? If you still want to learn more skills or want to know more related content, welcome to pay attention to the industry information channel, thank you for reading!

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.