更新时间 2022-11-15 10:05:22
文章目录
- Chinese( Simplified) LanguagePack for VS Code（中文(简体)语言包）
- Auto Rename 和Auto close Tag（vscode已经支持，不建议下载）
- Better Comments（注释代码高亮）
- Bracket Pair Colorizer 2（代码括号高亮）
- ESlint（js代码格式化）
- JavaScript (ES6) code snippets
- JS-CSS-HTML Formatter（不建议下载）
- CSS Formatter（不建议下载）
- Vetur
- Prettier
- Beautify
- Material Icon Theme（产品图标主题）
- Fluent Icons（产品图标主题）
- GitLens（Git 增强）
- Gitee
- Markdown All in One
- Markdown Preview Enhanced
- Code Spell Checker
- Open in Browser
- Live Server（修改代码，浏览器页面同步刷新）
- CSS Peek（html中快速查看对应标签css）
- npm
- Live Sass Compiler
- Path Intellisense（自动路径提示）
- Import Cost
- javascript console utils
- vscode-pdf
- Color Highlight
- indent-rainbow
Chinese( Simplified) LanguagePack for VS Code（中文(简体)语言包）
可以把vscode中的英文主题翻译为中文
Auto Rename 和Auto close Tag（vscode已经支持，不建议下载）
这是一个修改标签对的插件，重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
vscode默认已经支持此功能
Better Comments（注释代码高亮）
可以实现注释代码高亮。
使用方法：
！ ， 红色注释
? , 蓝色注释
// , 灰色删除线注释
todo ,橘红色注释
* , 浅绿色注释
Bracket Pair Colorizer 2（代码括号高亮）
为代码中的括号添上一抹亮色
ESlint（js代码格式化）
ESLint 是一个插件化的 javascript 代码检测工具，有了它就可以进行常见的 JavaScript 代码错误检查，和代码风格检查。这样我们就可以根据自己的要求指定一套 ESLint 配置，然后应用到所编写的项目上，从而实现辅助编码规范的执行，有效控制项目代码的质量。
JavaScript (ES6) code snippets
它提供用于编写JavaScript，Typescript，React，Vue，HHTML等的代码段，并支持ES6语法。
JS-CSS-HTML Formatter（不建议下载）
js 、css、html代码格式化
CSS Formatter（不建议下载）
css代码格式化
Vetur
Vetur是官方的VueJS扩展，已被下载超过2000万次。它提供错误检查功能，自动完成功能并提供Vue片段。如果你是像我这样的Vue开发人员，这真的很好用。
Prettier
Prettier是一个非常巧妙的扩展程序，已经被下载了近1400万次。它可以帮助你格式化代码并提供颜色关键字以使代码更具可读性。
Beautify
它是类似Prettier的另一种出色的代码格式化扩展。几乎有1200万的下载量足以说明一切，你可以格式化以JavaScript，JSON，CSS，Sass和HTML编写的代码。
Material Icon Theme（产品图标主题）
VSCode文件图标，让icon更美观
Fluent Icons（产品图标主题）
VSCode文件图标，让icon更美观
GitLens（Git 增强）
作用：
GitLens 增强了 VSCode 中内置的 Git 功能，它能够提供更多的版本控制功能来增强你的VSCode。GitLens 提供了对代码的深入分析功能，可以显示更改时间以及更改后的代码。通过使用 GitLens 甚至可以比较不同的分支、标签和提交。
Gitee
可以在通过vscode使用gitee
Markdown All in One
md文件自动补全,文字美化
Markdown Preview Enhanced
实时渲染，使用还可以
Code Spell Checker
能够帮助我们检查单词拼写是否出现错误，检查的规则遵循 camelCase （驼峰拼写法）
Open in Browser
用浏览器打开HTML文件
Live Server（修改代码，浏览器页面同步刷新）
Live Server它在Visual Studio Code中创建了一个本地开发服务器来为你的静态和动态站点提供服务。使用编辑器中的上线按钮，你可以立即提供代码，该扩展程序还支持实时重载-简洁！
CSS Peek（html中快速查看对应标签css）
CSS Peek插件扩展了HTML和ejs代码编辑功能，支持在源代码中的字符串中找到css/scss/less(类和id)，这很方便，因为你不再需要在HTML和CSS文件之间跳转。
这个扩展支持所有正常的符号定义跟踪功能，但它针对的是css选择器(类、id和HTML标记)。这包括：
**查找：**以内联方式加载css文件并在那里进行快速编辑(Alt+F12)
**转到定义：**直接跳转到css文件或在新编辑器中打开它(F12)
**鼠标悬停：**用鼠标悬停在符号上显示定义(Ctrl+ Hover)
此外，如果您已经知道类名或ID名，您可以快速跳转到正确的CSS/SCSS/LESS代码
npm
每个开发人员都知道NPM-节点程序包管理器。此扩展名可以帮助你管理Package.json，如果尚未安装依赖项则提供警告，并可以帮助进行版本控制。
Live Sass Compiler
Live Sass Compiler扩展是一个小型但功能强大的工具，可以将SASS / SCSS文件实时编译为CSS文件，并在浏览器中提供已编译样式的实时预览。
Path Intellisense（自动路径提示）
这个插件很简单，就是会自动给你提示相关的文件路径，比如：当你在 HTML 通过 script 标签要引入一个文件的时候，你直接在 src 中它就会根据你的输入给你提示目录中有的文件名；或者你通过 node require 一个文件的时候也是一样会给你提示，这样你就不用再去记文件名了，也不会因为文件名拼写错误或者路径层级搞错而发生加载失败的问题了。
Import Cost
查看导入包的大小
javascript console utils
它的主要功能是快速的生成console.log()，再调试js的过程中难免要打印一些东西
vscode-pdf
安装此插件，就可以在vscode中正常打开pdf文件
Color Highlight
颜色显示
indent-rainbow
缩进高亮显示
Easy less
将less文件转换为css文件
Bootstrap 3 Snippets
快速生成Bootstrap代码片段