编辑器从一开始的sublime到现在的vscode，每次都是现用现配，总是要花费很长时间去网上找资料配置自己需要的插件，所以今天想写个总结，记录下自己平时需要配置的插件，下次在新电脑上使用vscode就可以查看这篇文章进行配置了
我所用的插件
Chinese language
很明显这个是负责汉化的插件，这点我觉得vscode做的很好，不用像之前汉化sublime那么复查，直接安装汉化插件然后关闭软件重新打开就汉化成功了
Auto Close Tag
这个是优化html标签闭合的插件，可以自动闭合未闭合的html标签，对于前段开发来讲非常高效，可以免去很多不必要的输入
Auto Rename Tag
自动修改标签名，当你修改html标签的标签名时，与其对应的标签会自动修改标签名，当然单标签就没有意义的它是针对闭合标签名修改的优化
AutoFileName与Path Intellisense
这两者都是路径补全的插件，当你输入/时，他会自动显示该路径下的文件夹名称和文件名称，大大提高了开发效率
Babel Javascript
这个插件是美化ES6语法用的插件，当你做react项目时会使用到ES6语法和JSX语法，vscode对ES6语法没有高亮显示，代码开着没有层次，安装这个插件之后对代码会有高亮显示看着会好看一些
css-auto-prefix
针对css3前缀的自动补全，css3中某些样式需要对不同浏览器进行兼容，例如border-raidus,box-shadow等需要添加类似-webkit-等前缀，所以安装这个插件可以自动生成前缀
ESLint
ESlint检查，对ES6中的语法错误给出提示
Import Cost
当你使用ES模块开发，通过require引入某个模块时会计算该模块的大小是多少kb
Indent-rainbow
缩进样式，所有缩进都会有不同颜色表示，使代码看上去更加清晰整洁
IntelliSense for CSS class names in HTML
css自能提示，会提示你当前页面已存在的css样式
open in browser
可以通过鼠标右键在浏览器中打开html文件，也可以通过快捷键alt+b在浏览器打开当前编辑的html文件
Live Server
这个插件会在本地开启一个服务器，端口号一般为5500，该服务器有热更新功能，使用这个插件就可以解放F5了
Project Manager
安装这个插件之后会在目录左侧增加一个文件夹菜单，可以把当前打开的文件夹存储到这里，下次打开vscode就可以直接打开这个文件项目，不用再去硬盘中打开这个文件夹了
Rainbow Brackets
对应的括号有相同的颜色，使代码看上去更加清晰
Simple React Snippets
react开发是可以通过简写的方式输入对应的模板
Settings Sync
可以同步vscode的配置，下次登录vscode账号可以同步之前的配置，如果安装这个插件那么上文写的相关配置可以一键安装
网友评论