emmm…
sublime text 是个优秀的文本编辑器，不过 vs code 更优秀啦，哈哈哈
虽然 sublime 用了 n 久，但是上手了 typescript 的我，依然恋恋不舍的投入了 vs code 的怀抱
工欲善其事必先利其器，换工具这种事情，搞得好事半功倍，搞不好事倍功半，emmm…
踩坑不易，摸着石头过河更是艰难，所以做个记录，免得重蹈覆辙。
先看看插件吧
auto import
顾名思义，就是帮你自动解析路径，自动 import 的一个插件，只要你在当前页面使用了某个其他模块导出的变量，它就会在页面顶部自动帮你 import ，而且还能提示你变量名称
auto rename tag
做前端嘛！布局变来变去变来变去不是家常便饭也是 em…，能自动帮你 rename 闭合或者开头标签的好东西，别犹豫，快上车
document this
bug千百个，注释无一行，要说团队最让人崩溃的，无非注释写了等于没写，或者风格不统一，严重影响心情和效率，装了这个小东西，ctrl+alt+d 连击两次给你个大大惊喜，不过这个在 .vue 文件中暂不支持
vetur
针对 vue 开发者的福利，vetur 提供了 vue 高亮、模板片段、语法检查、格式化、emmet等常用功能。
ps：vs code 右击本身带有格式化用起来也不错，默认的快捷键是 shift+alt+f
eslint
不得不说，eslint 是团队利器，但是入坑很难，不过现在福利来了。
安装好 eslint 以后，可以开启 eslint 设置中的 autoFixOnSave: true, //是否在保存的时候自动fix eslint, 这样每次保存文件的时候，eslint 检查到不合格的地方会自动帮你修正。
不过，vs code 装了，项目里也要记得装啊啊啊！！！还得重启一下 vs code，重要的事情说三遍
ps：开启 vs code 常用设置里的 autosave: onFocusChange，这样每次切换文件，就可以自动保存，然后 eslint 帮你修正样式，爽的爸爸哭了，爽的妈妈哭了，因为爽死了。
TypeScript Hero
帮助你识别，管理，删除 import，以及生成 code view 等，总体来说还是挺好的
Code Spell Checker
识别拼写错误，和 eslint 搭配的，eslint是代码风格提示，这个是拼写错误提示
JS Refactor
这是一个非常强力的辅助编程插件，支持文件的格式有 .html/ .vue/ .js/ .ts/ .tsx/.jsx
具体作用呢
- 提取方法
- 提取变量
- 内联变量
- 重命名变量
如果你看不懂，我可以给你写详细点：
- Convert To Arrow Function
- Convert To Function Declaration
- Convert To Function Expression
- Convert To Template Literal
- Export Function
- Introduce Function
- Lift and Name Function Expression
- Negate Expression
- Shift Parameters
- Wrap selection options:
- Arrow Function
- Async Function
- Condition
- Function
- Generator
- IIFE
- Try/Catch
肿么样！似不似爽妈妈开门：爽到家了~~
其他还有些诸如 auto close tag; htmllint; 或者其他代码提示的，不过这些可用可不用，就不放在这里啦。
到此，vscode 的插件就推荐完了，一些主题就靠大家自己发现了，哈哈哈