夜雨聆风
10个VSCode插件，帮你大幅度提升开发效率
不同类型的文件，都会有专属的图标，一眼就能分辨出文件类别。
2️⃣Tabnine（AI 自动代码补全）
它可以通过学习你的编程习惯，智能预测你接下来要写的代码，大大提升敲代码的速度。特别是当你写一些重复性的逻辑，或者需要大量调用已有接口的时候，Tabnine 真的能救命。
3️⃣Prettier（代码格式化工具）
不管你的项目有多复杂，有多少不同风格的人在参与，只要统一用 Prettier，代码风格就能保持高度一致。比如：单双引号问题缩进 2 格还是 4 格末尾要不要加分号括号换行、对象换行等全都交给它搞定！而且可以设置为保存时自动格式化，再也不用手动调格式了。
4️⃣Vue – Official（Vue 必备）
它不仅提供了基本的 .vue 文件的语法高亮，还能在写模板、脚本、样式时提供智能提示、代码补全、错误校验等一系列服务。最关键的是，它和 Vue 生态（比如 Vue Router、Vuex）都能很好配合，基本做到开箱即用。
5️⃣ES7+ React/Redux/React-Native snippets
只要输入一些小小的快捷命令，比如：rafce：创建一个箭头函数组件（带 export）rce：创建一个 class 组件reduxslice：快速生成 Redux slice 模板再也不用每次重复写 import React from \’react\’ 开头语法了，一键生成，提高效率飞起。
6️⃣Live Server（运行 HTML 到浏览器）
可以实时监听文件变化，保存后浏览器自动刷新，特别适合前端静态页面、小型项目开发调试。如果你经常写 HTML、小型 Web 应用，这俩插件可以让你省去打开浏览器、刷新页面的繁琐步骤。
7️⃣别名路径跳转（path-intellisense + jsconfig.json）
在 jsconfig.json 或 tsconfig.json 中配置路径别名，比如 @/components/Button.vue，再配合 path-intellisense 插件，跳转、智能补全、定位，全都顺滑无比。
8️⃣Code Spell Checker（检查和纠正代码中拼写错误）
可以帮你实时检查代码中的英文单词拼写，比如注释、变量名、函数名等等。
9️⃣A-super-translate（英语小白必备良药）
选中英文，快捷键一按，直接弹出中文翻译，整个过程无感知，完全不会打断你的思路。翻译质量很高。
🔟Codelf（变量起名神器）
可以帮你解决变量函数起名问题。你只需要输入一个关键词，比如 user，它就能基于 Github、Gitlab 等大平台上开源代码中的实际用法，给你列出一大堆优雅又真实的命名参考。
