文章目录
- Visual Studio Code插件
- 1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
- 2. ESLint
- 3. Auto Close Tag
- 4. Auto Import
- 5. Beautify
- 6. Bracket Pair Colorizer
- 7. HTML CSS Support
- 8. HTML Snippets
- 9. JavaScript (ES6) code snippets
- 10. jQuery Code Snippets
- 11. Live Server
- 12. open in browser
- 13. Vetur
- 14. vscode-icons
- 15. Vue 3 Snippets
- 15. Vue 3 Snippets
Visual Studio Code插件
记录一下自己开发前端项目使用到的插件。
1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
ID: MS-CEINTL.vscode-language-pack-zh-hans
说明: Language pack extension for Chinese (Simplified)
版本: 1.67.3
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
2. ESLint
ID: dbaeumer.vscode-eslint
说明: Integrates ESLint JavaScript into VS Code.
版本: 2.2.2
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
3. Auto Close Tag
ID: formulahendry.auto-close-tag
说明: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
版本: 0.5.14
发布者: Jun Han
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
4. Auto Import
ID: steoates.autoimport
说明: Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX
版本: 1.5.4
发布者: steoates
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
5. Beautify
ID: HookyQR.beautify
说明: Beautify code in place for VS Code
版本: 1.5.0
发布者: HookyQR
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
6. Bracket Pair Colorizer
ID: CoenraadS.bracket-pair-colorizer
说明: A customizable extension for colorizing matching brackets
版本: 1.0.62
发布者: CoenraadS
7. HTML CSS Support
ID: ecmel.vscode-html-css
说明: CSS Intellisense for HTML
版本: 1.12.2
发布者: ecmel
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
8. HTML Snippets
ID: abusaidm.html-snippets
说明: Full HTML tags including HTML5 Snippets
版本: 0.2.1
发布者: Mohamed Abusaid
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
9. JavaScript (ES6) code snippets
ID: xabikos.JavaScriptSnippets
说明: Code snippets for JavaScript in ES6 syntax
版本: 1.8.0
发布者: charalampos karypidis
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
10. jQuery Code Snippets
ID: donjayamanne.jquerysnippets
说明: Over 130 jQuery Code Snippets
版本: 0.0.1
发布者: Don Jayamanne
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets
11. Live Server
ID: ritwickdey.LiveServer
说明: Launch a development local Server with live reload feature for static & dynamic pages
版本: 5.7.5
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
12. open in browser
ID: techer.open-in-browser
说明: This allows you to open the current file in your default browser or application.
版本: 2.0.0
发布者: TechER
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
13. Vetur
ID: octref.vetur
说明: Vue tooling for VS Code
版本: 0.35.0
发布者: Pine Wu
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=octref.vetur
14. vscode-icons
ID: vscode-icons-team.vscode-icons
说明: Icons for Visual Studio Code
版本: 11.11.0
发布者: VSCode Icons Team
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
15. Vue 3 Snippets
ID: hollowtree.vue-snippets
说明: A Vue.js 3 And Vue.js 2 Code Snippets Extension
版本: 1.0.4
发布者: hollowtree
15. Vue 3 Snippets
ID: hollowtree.vue-snippets
说明: A Vue.js 3 And Vue.js 2 Code Snippets Extension
版本: 1.0.4
发布者: hollowtree
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets