Compare sublime and vscode

The following is a tutorial column of sublime to compare sublime and vscode. I hope it will be helpful to friends in need!

The reason is that I installed eslint to automatically check and complete the code. I installed n plug-ins and still got an error. In addition, the original cracked version of sublime recently opened a pop-up. box prompt. So, with the help of my friends, I tried vscode and my experience was perfect.

1. Comparison between sublime and vscode

Advantages of sublime

1. Mainstream front-end development editor
3. Small size, fast operation, fast startup
5. Powerful text function
7. Supports compilation, and the output can be seen on the console
9. A large number of plug-ins can be installed to meet customized needs (ctrl shift p, ip, search for plug-in installation)
11. Lightweight, use small projects

Disadvantages of sublime:

1. Paid closed source, slow bug fixing time
3. When installing a plug-in, there is only a list of plug-ins and a simple description is displayed. Plug-in configuration is inconvenient. Many plug-ins sublime2 and sublime3 are incompatible.

vscode advantages:

1. Free, the most important thing is no money.
3. There are many plug-ins. Recently, vscode has been developing rapidly. It is convenient and simple to install plug-ins. There is a detailed introduction to plug-ins.
5. Low memory usage, startup speed, and opening speed are relatively fast
7. Full platform, with built-in strong support for JavaScript, TypeScript and Node.js, C, C#, Python, PHP and other languages

vscode Disadvantages:

1. Not stable enough
3. Startup speed and opening speed are not as fast as sublime, so it is more suitable for large projects.

2. vscode installation

Official website download, install directly

https://code.visualstudio.com/

3. vscode commonly used Plug-in installation

View--Extensions (or shortcut key ctrl shift .

1. HTML Snippets, prompts basic h5 code snippets, tags, etc.
3. HTML CSS Support, let the html tag be written with class, and intelligently prompt the styles supported by the current project.
5. view in browsers, ctrl f1 in the default browser, run the current html
7. vscode-icon, add the corresponding icon to the vscode folder directory. (If it does not take effect, reselect the setting in [File-Preferences-File Icon Theme])
9. path intellisense, the file path is automatically completed.
11. npm intellisense, require reference package completion
13. bracket pair colorizer, let the brackets have independent colors
15. auto rename tag, modify the tag to close
17. vetur, vue plug-in, syntax highlighting, intelligent perception, emmet
19. tortoiseSvn, svn plug-in
21. auto close tag, automatically add html and xml closing tags
23. beautify, formatting code
25. change-case, modify more explicit formats of text, camel case naming, underscore split naming, etc.
27. chinese(Simplified)Language Pack for Visual Studio, students who are not used to English in vscode can download and install this, Chinese Simplified Language Pack
29. color info, hover the cursor over the color to preview the detailed information of the color model in the color block,
31. css peek, trace to the place where the css class and id are defined in the style sheet. In the right-click menu of the html file, when clicking the selector, select "go to definition" and it will jump to the css style code segment
33. debugger for chrome, front-end debugging
35. eslint, check syntax errors in js programming
37. html boilerplate, html template plug-in, create html files with one click
39. htmlHint, html code format detection
41. image preview, the mouse is on the image path to display the image preview
43. intelliSense for CSS class names in HTML, put the names in the css files in the project and intelligently prompt them in html
45. JavaScript (ES6) code snippets, es6 code snippet tips

The above is the detailed content of Compare sublime and vscode. For more information, please follow other related articles on the PHP Chinese website!