Which vue plug-ins are used in vscode?

Vue development plug-ins include: 1. "Vetur", used for syntax highlighting, intelligent sensing, etc.; 2. "EsLint", used for syntax error correction; 3. "Path Intellisense", used for automatic paths Completion; 4. "HTML CSS Support"; 5. "Beautify", etc.

The operating environment of this tutorial: windows7 system, vue2.9.6&&Visual Studio Code version 1.62.3, DELL G3 computer.

Common vue development plug-ins for VSCode

One necessary plug-in:

(1) Vetur - syntax highlighting, intelligent sensing, Emmet, etc.

(2) EsLint - syntax error correction. Shortcut key settings: File-> Preferences-> Keyboard shortcuts-> Search for "fix" -> Modify "ESLint: Fix all auto-fixable Problems" shortcut to "ctrl alt l" (IDEA formatting code Shortcut keys)

(3) Auto Close Tag - Automatically close HTML/XML tags

(4) Auto Rename Tag - Automatically complete the synchronous modification of the tag on the other side)

(5) JavaScript (ES6) code snippets - ES6 syntax intelligent prompts and quick input, in addition to js, ​​it also supports .ts, .jsx, .tsx, .html, .vue, eliminating the need to configure it to support various Time containing js code files

(6) jQuery Code Snippets - jQuery code intelligent prompts

(7) Path Intellisense - automatic path completion

(8) HTML CSS Support - let the html tag write class to intelligently prompt the styles supported by the current project

(9) open in browser - right-click the project and click to start

Two options Plug-in:

(1) Markdown Preview Enhanced - real-time preview of markdown, a must for markdown users

(2) markdownlint - markdown syntax error correction

(3) Beautify - format

(4) GitLens - convenient for viewing git logs, a must for git users

(5) Angular 5 Snippets - Angular intelligent syntax prompts

(6) Live Server - After installation, you can open a simple server. And it will update automatically. Open the project folder, then right-click on the file and an Open with Live Server option will appear, which will automatically open the browser. The default port number is 5500

(7) Prettier - Format

For more knowledge about VSCode, please visit: vscode tutorial! !

The above is the detailed content of Which vue plug-ins are used in vscode?. For more information, please follow other related articles on the PHP Chinese website!