vscode常用插件
插件 | 作用 |
---|---|
Auto close Tag | 自动关闭标签 |
Auto Rename | Tag 自动重命名标签 |
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code | 适用于 VS Code 的中文(简体)语言包 |
open in browser | 指定任意浏览器打开文件 |
Live Server | 作为一个实时服务器实时查看开发的网页或项目效果。一般是移动端项目查看在手机上的真实效果 |
Path Autocomplete | 文件路径提示 |
Path Intellisense | 文件路径提示 |
eslint | 关注于代码质量校验和格式校验, 需配置.eslintrc文件 |
EditorConfig for VS Code | 配置代码规范规则,使代码风格一样,抹平编译器的差异,需要有配置文件.editorconfig文件 |
Vetur | vue2 语法高亮 |
Vue Language Features (Volar) | vue3 语法高亮,在Vue3中使用vetur会有红波浪线 |
git-commit-plugin | 自动生成规范git提交信息的插件 |
GitLens — Git supercharged | 显示当前行最后谁修改的 |
korofileheader | 快速生成头部和函数的注释 |
Prettier ESLint | 代码格式化,如果没有配置.eslintrc文件,可以使用这个插件实现以prettier风格的 格式语法校验 |
Prettier - Code formatter | 自动格式化代码,只是格式化,没有格式语法校验 |
相关配置文件地址
- .editorconfig文件的配置
https://www.dianjilingqu.com/62945.html - Path Autocomplete 和 Path Intellisense 的配置
https://www.jianshu.com/p/77c4614082bd - Prettier - Code formatter 相关配置
https://zhuanlan.zhihu.com/p/355754937
https://www.jianshu.com/p/90171778459c/ - .eslintrc 文件配置
https://www.cnblogs.com/fqh123/p/11670282.html
https://www.jb51.net/article/153167.htm - git-commit-plugin 的使用
https://www.jianshu.com/p/0b5a63ade301 - korofileheader 的配置
官方文档