web前端 vs code 常用插件推荐

2019-03-23 本文已影响3人 kerush

近来赶项目，上来少了。
记得第一次分享文章时，写的就是是配置Atom。
而目前已转投微软visual studio code，毕竟它的插件安装实在方便，同时也支持全平台（win、Mac、Linux）。
那么今天就来分享下常用的&好用的vs code 插件吧！

好，入正题！

CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
功能：输写html时，自动提示已经定义的 css里的class name

[图片上传失败...(image-1ce7b8-1553295614133)]

2.Auto Rename Tag

Auto rename paired HTML/XML tag
功能：自动成对重命名标签名

[图片上传失败...(image-30b31a-1553295614133)]

3.Bracket Pair Colorizer 2

A customizable extension for colorizing matching brackets
功能：给每对 { } 不同的颜色

[图片上传失败...(image-80f943-1553295614133)]

4.Live Server

Launch a development local Server with live reload feature for static & dynamic pages
功能：自建本地服务器，实时预览html页面

[图片上传失败...(image-c5eeb5-1553295614133)]

5.Atom JavaScript Snippet

自用快速输入代码提示

6.JavaScript (ES6) code snippets

自用快速输入代码提示

7.Prettier - Code formatter

格式化代码

8.Material Theme

自用vs code 主题

9.Material Icon Theme

自用vs code 文件图标主题

目前就这些常用的，以后遇到好的插件，会不定期更新此文

好了，到此，本文告一段落！感谢您的阅读！祝你身体健康，阖家幸福！

支持你我，扫一扫红包