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

Editor to share with you a comparative example of sublime and vscode, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

1. Comparison between sublime and vscode

Advantages of sublime

Mainstream front-end development editor

Small size, fast running and fast start

The text is powerful.

Compilation is supported, and the output can be seen in the console

A large number of plug-ins can be installed to meet customized requirements (ctrl+shift+p,ip, search plug-in installation)

Lightweight, using small projects

Disadvantages of sublime:

The charge is closed and the bug repair time is slow.

When installing plug-ins, there is only a list of plug-ins, showing a simple description, plug-in configuration is not convenient, many plug-ins sublime2 and sublime3 are not compatible

Advantages of vscode:

Free, the most important thing is free.

There are many plug-ins. Recently, vscode has a strong momentum of development. It is easy to install plug-ins, and there is a detailed introduction of plug-ins.

Low memory consumption, startup speed, and relatively fast opening speed

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

Disadvantages of vscode:

Not stable enough

Startup speed, opening speed is not as fast as sublime, large projects are more suitable.

2. Vscode installation

Download the official website and install it directly.

Https://code.visualstudio.com/

3. Installation of common plug-ins for vscode

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 details of the plug-in will be displayed on the right, click install.

HTML Snippets, hints for basic h6 code snippets, tags, etc.

HTML CSS Support, let the html tag be marked with class to intelligently prompt the styles supported by the current project.

View in browers,ctrl+f1 runs the current html in the default browser

Vscode-icon, let the folder directory of vscode add the corresponding icon. (if it does not take effect, reselect the settings in [File-preferences-File Icon theme])

Path intellisense, the file path is automatically completed.

Completion of npm intellisense,require reference package

Bracket pair colorizer, let the parentheses have a separate color

Auto rename tag, modify label closure

Vetur,vue plug-in, syntax highlighting, IntelliSense, emmet

TortoiseSvn,svn plug-in

Auto close tag, automatically add html, xml close tags

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 English can download and install this simplified Chinese language package.

Color info, you can preview the details of the color model in the color block by hovering the cursor over the color.

Css peek, trace to the CSSS class and id definition in the stylesheet. In the html file right-click menu, when you click the selector, select "go to definition", which will jump to the css style code snippet

Debugger for chrome, front-end debugging

Eslint, checking for syntax errors in js programming

Html boilerplate,html template plug-in to create a html file with one click

HtmlHint,html code format detection

Image preview, mouse over image road strength, display image preview

IntelliSense for CSS class names in HTML, put the name in the css file in the project and the smart prompt in html.

JavaScript (ES6) code snippets, es6 code snippet hint

The above is all the content of this article "the comparison example of sublime and vscode". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.