VScode插件推荐

经历

Sublime和webstorm 盗版序列号通过一番血洗后，频频失效。虽然通过一番尝试后。虽然成功破解但无意再用。转向免费VScode开发我的博客 求星星

有须要用户能够查看：懒人一键安装vscoode插件神器教程

VScode经常使用插件推荐

HTML Snippets 超级实用且初级的 H5代码片断以及提示

Color-Highlight在编辑器中高亮显示颜色。

Guides代码的标签对齐线。

HTML CSS supportcss 自动补齐

Npm Intellisense在import语句中自动完成npm模块引入的代码插件

Debugger for Chrome让 vscode 映射 chrome 的 debug功能，静态页面均可以用 vscode 来打断点调试

background设置背景

beautify在Visual Studio代码中美化JavaScript，JSON，CSS，Sass和HTML。

Auto Close Tag 自动闭合HTML标签

Auto Rename Tag 修改HTML标签时，自动修改匹配的标签

Bracket Pair Colorizer 让括号拥有独立的颜色，易于区分

Open-In-Browser 因为 VSCode 没有提供直接在浏览器中打开文件的内置界面，因此此插件能够打开命令面板选项。

Live Server 相似代码运行服务器上的功能

Indenticator缩进高亮

IntelliSense for CSS class namesCSS类名智能命名提示

JavaScript (ES6) code snippetsES6语法提示

Path Intellisense编辑器中输入路径时,自动补全

Git History 查看和搜索git日志以及图表和细节。查看文件的前一个副本。查看和搜索历史

CSS Peek 能在源代码中的字符串中找到对应的css，显示在那个css文件里，还有在第几行。

Easy WXLESS微信小程序WXSS文件专用，保存可自动生成并同步编译成同名css文件

px2rem px、rem单位互相转换

经常使用Vue插件推荐

vetur语法高亮、智能感知、Emmet

提示：vue文件代码格式化，须要在首选项-设置-用户设置添加这行代码

"vetur.format.defaultFormatter.html": "js-beautify-html", //vue中HTML部分格式化

Vue 2 Snippets 最新的 Vue 官方语法高亮文件添加了语法高亮

vscode-element-helper Element-UI库代码片断

主题推荐：浅色调

Brackets Light Pro

Quiet Light

我的博客 求星星