首先奉上官网:https://code.visualstudio.com/,官网下载中文简体,安装后发现仍然是英文的心想竟然骗我,但是右下角会有一个提醒说是点击安装后会显示中文版(其实就是优先安装了一个中文插件Chinese (Simplified) Language Pack for Visual Studio Code),点击之后中文版就直接更新过来啦!接下来就是安装适合自己的插件啦!
1、首当其冲的当然是Open-In-Browser,不用过多解释;在浏览器中打开网页;可以选择默认浏览器和其他浏览器。我在官网下载的新版本直接有在浏览器中打开插件,好吧!
2、对于一个对干净的代码有执念的猪猪女孩来说格式化插件是必须的。Prettier
3、Color Info:颜色提示插件,只需要将鼠标放在颜色值上悬停,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息啦。
4、代码格式化HTML CSS support自动补齐css
5、JS-CSS-HTML Formatter 代码格式化了解一下
6、jQuery Code Snippets jQuery自动提示
7、Path Autocomplete 路径自动补齐
8、ESLint 检测JS必备
9、Auto Rename Tag 同步修改对应标签,这个hin方便,想象一下几屏幕的代码要改标签,啊。。。完美!
10、Html Snippets H5代码片段和提示
11、Html Css Support 在标签新增class的时候会提示之前写过的class
12、vscode-icon 给项目文件夹前边加上icon
13、Beautify / Beautify css/sass/scss/less 样式格式化(两个的区别还没感受出来)
14、Bracket Pair Colorizer 让每个括号都有自己的颜色
15、给标签们加个相对应的虚线 文件 ——>首选项——>设置——>搜索renderIntentGuides→将此选项改为true(默认为false)
16、Material Icon Theme 图标插件项目中文件会以相应的icon提示
17、Vetur:Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。