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

This article mainly introduces what is the difference between sublime and vscode, which can be used for reference by friends who need it. I hope you will learn a lot after reading this article. Next, let the editor take you to learn about 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, prompt the rudimentary h6 code snippets, tags and other HTML CSS Support, let the html tag write class, and intelligently prompt the styles supported by the current project. View in browers,ctrl+f1 in the default browser, run the current html vscode-icon and have 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. Npm intellisense,require reference package completion bracket pair colorizer, let parentheses have independent color auto rename tag, modify tag closure vetur,vue plug-in, syntax highlighting, intelligent perception, emmettortoiseSvn,svn plug-in auto close tag, automatically add html, xml close tag beautify, format code change-case, modify more explicit format of text, hump naming, underscore division naming, etc. Chinese (Simplified) Language Pack for Visual Studio,vscode students who are not used to English You 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, and trace to the CSS class and id definition in the stylesheet. In the html file right menu, click the selector, select "go to definition", will jump to the css style code segment debugger for chrome, front-end debug 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 over image road strength, display image preview intelliSense for CSS class names in HTML, put the name in the css file in the project, JavaScript (ES6) code snippets in html Es6 code snippet tips thank you for reading this article carefully. I hope it will be helpful for everyone to share the difference between sublime and vscode. At the same time, I also hope you will support us, pay attention to the industry information channel, and find out if you encounter problems. Detailed solutions are waiting for you to learn!

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.