最近又开始做个Vue大项目啦,就事先整理了一下,基本的好用的拓展,在这里记录一下~
名称 | 简述 |
---|---|
Auto Close Tag | 自动闭合HTML标签 |
Auto Import | import提示 |
Auto Rename Tag | 修改HTML标签时,自动修改匹配的标签 |
Babel JavaScript | babel插件,语法高亮 |
Bookmarks | 添加行书签 |
Bracket Lens | 在闭合的括号处提示括号头部的代码 |
Can I Use | HTML5、CSS3、SVG的浏览器兼容性检查 |
Chinese (Simplified) | 适用于VSCode的中文包 |
Code Spell checker | 单词拼写检查 |
Color Highlight | 颜色值在代码中高亮显示 |
Color Info | 小窗口显示颜色值,rgb,hsl,cmyk,hex等等 |
CSS PEEK | 定位CSS类名 |
CSS-AUTO-PREFIX | 自动添加CSS私有前缀 |
CSS-in-JS | CSS-in-JS高亮提示和转换 |
Doxygen Documentation Generator | 注释文档生成 |
EditorConfig for VS Code | EditorConfig插件 |
Error Gutters | 在行号处提示错误代码 |
ESLint | ESLint插件,高亮提示 |
File Peek | 根据路径字符串,快速定位到文件 |
Git Blame | 在状态栏显示当前行的Git信息 |
Git Graph | 编辑Git提交分支树 |
gitignore | .gitignore文件语法 |
Guides | 高亮缩进基准线 |
Highlight Matching Tag | 高亮匹配选中的标签 |
HTML CSS Support | css提示(支持vue) |
HTMLHint | HTML格式提示 |
htmltagwrap | 快捷包裹html标签 |
Image preview | 实现图片预览 |
Import Beautify | import分组、排序、格式化 |
Import Cost | 行内显示导入(import/require)的包的大小 |
Indenticator | 缩进高亮 |
IntelliSense for CSS class names in HTML | css class输入提示 |
JavaScript (ES6) code snippets | ES6语法代码段 |
JavaScript Atom Grammar | 自动编辑JS语法 |
JS Refactor | 代码重构工具,提取函数、变量重命名等等 |
Live Server | 实现本地预览 |
Markdown All in One | Markdown格式提示 |
Material Icon Theme | 文件图标 |
Node modules resolve | 快速导航到Node模块 |
npm | 运行npm命令 |
npm Intellisense | 导入模块时,提示已安装模块名称 |
Prettier - Code formatter | 代码格式化 |
Prettify JSON | 格式化JSON |
Quokka.js | 不需要手动运行,行内显示变量结果 |
Regex Previewer | 实时预览正则表达式的效果 |
stylelint | css/sass/less代码风格 |
SVG | SVG查看器 |
TS/JS postfix completion | ts/js后缀提示 |
vetur | Vue插件 |
Vue Language Features (Volar) | Vue插件,支持Vue3 |
vscode-styled-components | styled-components高亮支持 |
Vue Peek | 支持跳转到Vue组件定义文件 |
Vue 3 Snippets | 快速完成vue3语法模块 |
Vue VSCode Snippets | 快速完成workflow |
VueHelper | 可以快速完成vue-router |
Wallaby.js | 实时测试插件 |
Wrap Console Log | 对选中代码快速console.log |