一、说明 相似功能的插件,不推荐全都装上,请挑选一个使用本列表所有插件均已测试使用过,但不代表不存在问题 二、常用插件 名称简述Auto Close Tag自动闭合HTML标签Auto Importimport提示Auto Rename Tag修改HTML标签时,自动修改匹配的标签Babel JavaScriptbabel插件,语法高亮Babelrc.babelrc文件高亮提示Beautify css/sass/scss/lesscss/sass/less格式化Better Align对齐赋值符号和注释Better Comments编写更加人性化的注释Bookmarks添加行书签Bracket Pair Colorizer用不同颜色高亮显示匹配的括号Can I UseHTML5、CSS3、SVG的浏览器兼容性检查Code Runner运行选中代码段(支持多数语言)Code Spell checker单词拼写检查CodeBing快速打开Bing并搜索,可配置搜索引擎Color Highlight颜色值在代码中高亮显示Color Info小窗口显示颜色值,rgb,hsl,cmyk,hex等等Color Picker拾色器CSS-in-JSCSS-in-JS高亮提示和转换Dash集成DashDebugger for Chrome调试ChromeDocument This注释文档生成DotENV.env文件高亮EditorConfig for VS CodeEditorConfig插件Emoji在代码中输入emojiendy将输入光标跳转到当前行最后面ESLintESLint插件,高亮提示File Peek根据路径字符串,快速定位到文件filesize状态栏显示当前文件大小Find-Jump快速跳转到指定单词位置Font-awesome codes for htmlFontAwesome提示代码段ftp-sync同步文件到ftpGit Blame在状态栏显示当前行的Git信息Git History(git log)查看git loggitignore.gitignore文件语法GitLens显示文件最近的commit和作者,显示当前行commit信息GraphQL for VSCodegraphql高亮和提示Guides高亮缩进基准线Gulp SnippetsGulp代码段HTML CSS Class CompletionCSS class提示HTML CSS Supportcss提示(支持vue)HTMLHintHTML格式提示htmltagwrap快捷包裹html标签htmltagwrap包裹HTMLImport Beautifyimport分组、排序、格式化Import Cost行内显示导入(import/require)的包的大小Indenticator缩进高亮IntelliSense for css class namescss class输入提示JavaScript (ES6) code snippetsES6语法代码段JavaScript Standard StyleStandard风格JS Refactor代码重构工具,提取函数、变量重命名等等JSON to TSJSON结构转化为typescript的interfaceJSON Tools格式化和压缩JSONjumpy快速跳转到指定单词位置language-stylusStylus语法高亮和提示Less IntelliSenseless变量与混合提示LodashLodash代码段Log Wrapper生产打印选中变量的代码markdownlintMarkdown格式提示MochaSnippetsMocha代码段Node modules resolve快速导航到Node模块npm运行npm命令npm Intellisense导入模块时,提示已安装模块名称Output Colorizer彩色输出信息Partial Diff对比两段代码或文件Path Autocomplete路径完成提示Path Intellisense另一个路径完成提示Polacode将代码生成图片PostCss Sortingcss排序Prettier - Code formatterprettier官方插件Prettify JSON格式化JSONProject Manager快速切换项目Quokka.js不需要手动运行,行内显示变量结果React Native Storybooksstorybook预览插件,支持reactReact Playground为编辑器提供一个react组件运行环境,方便调试React Standard Style code snippetsreact standar风格代码块REST Client发送REST风格的HTTP请求Sasssass插件Settings SyncVSCode设置同步到GistSort lines排序选中行Sort Typescript Importstypescript的import排序String Manipulation字符串转换处理(驼峰、大写开头、下划线等等)stylelintcss/sass/less代码风格SVG ViewerSVG查看器Syncingvscode设置同步到gistTest Spec Generator测试用例生成(支持chai、should、jasmine)TODO ParserTodo管理TS/JS postfix completionts/js后缀提示TSLintTypeScript语法检查Types auto installer自动安装@types声明依赖TypeScript HeroTypeScript辅助插件,管理import、outline等等TypeScript ImportTS自动importTypeScript Import Sorterimport整理排序Typescript React code snippetsReact Typescript代码段TypeSearchTS声明文件搜索Version Lenspackage.json文件显示模块当前版本和最新版本vetur目前比较好的Vue语法高亮View Node Package快速打开选中模块的主页和代码仓库VS Live Share实时多人协助VSCode Great Icons文件图标拓展vscode-database操作数据库,支持mysql和postgresvscode-icons文件图标,方便定位文件vscode-random随机字符串生成器vscode-spotify集成spotify,播放音乐vscode-styled-componentsstyled-components高亮支持vscode-styled-jsxstyled-jsx高亮支持Vue TypeScript SnippetsVue Typescript代码段VueHelperVue2代码段(包括Vue2 api、vue-router2、vuex2)Wallaby.js实时测试插件