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

This article mainly explains "what are the vue plug-ins for vscode". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what vue plug-ins are used in vscode.

Vue development plug-ins are: 1, "Vetur", for syntax highlighting, intelligent perception, etc.; 2, "EsLint", for syntax error correction; 3, "Path Intellisense", for automatic path completion; 4, "HTML CSS Support"; 5, "Beautify", etc.

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

Common vue development plug-ins for VSCode

A must-have plugin:

(1) Vetur-syntax highlighting, IntelliSense, Emmet, etc.

(2) EsLint-- grammar error correction. Shortcut key settings: file-> preferences-> Keyboard shortcuts-> search "fix"-> modify "ESLint: Fix all auto-fixable Problems" shortcut to "ctrl+alt+l" (IDEA format code shortcut)

(3) Auto Close Tag-automatically closes HTML/XML tags

(4) Auto Rename Tag-automatically completes the synchronous modification of the label on the other side)

(5) JavaScript (ES6) code snippets-ES6 syntax intelligent prompt and fast input, in addition to js, it also supports .ts, .jsx, .tsx, .html, .vue, saving the time of configuring it to support various js code files.

(6) jQuery Code Snippets--jQuery code intelligent prompt

(7) Path Intellisense-- automatic path completion

(8) HTML CSS Support-- lets the html tag write the styles supported by the current project with class Smart Tips.

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

2 optional plug-ins:

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

(2) markdownlint--markdown grammar error correction

(3) Beautify-- format

(4) GitLens-- makes it easy to view git logs, which is a must for git users.

(5) Angular 5 Snippets--Angular intelligent syntax hint

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

(7) Prettier-- format

Thank you for your reading, these are the contents of "what are the vue plug-ins for vscode". After the study of this article, I believe you have a deeper understanding of what the vue plug-ins for vscode have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.