VS code 常用插件

川长思鸟来 2023-07-10 05:15 65阅读 0赞

VS code是现在流行的编辑器之一，我们可以通过安装插件来实现更好的使用，下面是常用的插件合集（此处是以我常用的为例），可以直接在VS code左侧的Extensions中搜索：

1.  [Chinese (Simplified) Language Pack for Visual Studio Code  
    ][Chinese _Simplified_ Language Pack for Visual Studio Code]：中文翻译
2.  [Auto Rename Tag][]：自动重命名标签
3.  [Babel JavaScript][]
4.  [Beautify][]
5.  [Better Comments][]：通过添加不同的标识以不同的颜色显示注释
6.  [Bookmarks][]：书签，尤其在新项目查找代码的时候，找到一处可以右键添加书签开关，这个时候可以在VS code左侧的书签栏里看到添加的所有书签。
7.  [Bracket Pair Colorizer 2][]：括号颜色
8.  [change-case][]：更改当前选择或当前单词的大小写，与 [Auto Rename Tag][] 配合使用效果更佳。
9.  [ESLint][]
10. [Git Graph][]：Git图形视图
11. [GitLens][]
12. [HTML CSS Support][]
13. [JavaScript (ES6) code snippets][JavaScript _ES6_ code snippets]
14. [language-stylus][]
15. [Live Server][]：实时服务器
16. [Markdown All in One][]：Markdown
17. [markdownlint][]
18. [npm][]
19. [Version Lens][]
20. [Sass][]
21. [Sass Lint][]
22. [StandardJS - JavaScript Standard Style][]
23. [Vetur][]

[Chinese _Simplified_ Language Pack for Visual Studio Code]: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
[Auto Rename Tag]: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
[Babel JavaScript]: https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
[Beautify]: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
[Better Comments]: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
[Bookmarks]: https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
[Bracket Pair Colorizer 2]: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
[change-case]: https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case
[ESLint]: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
[Git Graph]: https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
[GitLens]: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
[HTML CSS Support]: https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
[JavaScript _ES6_ code snippets]: https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
[language-stylus]: https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus
[Live Server]: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
[Markdown All in One]: https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
[markdownlint]: https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint
[npm]: https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
[Version Lens]: https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens
[Sass]: https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented
[Sass Lint]: https://marketplace.visualstudio.com/items?itemName=glen-84.sass-lint
[StandardJS - JavaScript Standard Style]: https://marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs
[Vetur]: https://marketplace.visualstudio.com/items?itemName=octref.vetur