前端小纠结--提升开发效率VSCode插件推荐
资源略长，适合收藏。javascript
VSCode社区的繁荣发展，插件社区也是热闹非凡，插件多了选择就多了，这里推荐一下我经常使用的提升工做效率的插件。我用Vue开发，因此一些插件和Vue相关。html
VSCode美化相关
-
one dark pro主题前端
-
GlassIt-VSC（毛玻璃透明效果）java
-
vscode-iconsgit
-
local history ( vscode拥有本地恢复的某一时刻能力)shell
code相关
-
codeif(变量起名)
-
search node_modules
-
path-intellisense
-
vscode-element-helper
-
ant-design-vue-helper
-
font awesome icons
-
auto-close-tag
-
auto-rename-tag
-
自动导入(import) (TypeScript & TSX)
-
成对的括号自动添加颜色（bracket-pair-colorizer）
-
颜色高亮显示
-
npm-intellisense
debugger 系列
-
debugger for chrome
-
debugger for edge(Edge HTML & edge Chromium)
-
debugger for firefox
配置文件系列
-
.env配置文件编辑以.env结尾的文件.
// setting.json添加这么一句，全部以.env开头的全都匹配 // vue下的环境配置文件命名推荐： // .env.production .env.development // .env.alpha .env.beta .env.rc { "files.associations": { ".env*": "dotenv" } } 复制代码
-
.editorconfig配置文件插件
代码格式化
-
eslint
-
htmlHint
// setting.json { "files.associations": { "*.vue": "html", // 我没试过，由于有vetur } } 复制代码
-
prettier
-
Beautify(prettier 选择其一)
git相关
-
Git History
-
gitlens
Vue相关
辅助工具
-
setting sync (墙裂推荐)
若是你有多台电脑，想在不一样电脑之间同步
VSCode配置，就用它吧。注意： 使用gist 时记得使用private，防止私有token泄露。
-
todo tree
-
live server
-
jira plugin
-
powershell
若是你也有要分享的插件，欢迎进群或留言。
若是入群失败，添加我的微信，拉你入群，验证消息：前端交流
关注微信公众号，发现更多精彩内容