前言：vscode是一款强大的前端编辑软件，有些人说ws（webstorm）更好用，但是vs重在轻量级啊！！！而且根据自己的开发习惯安装适合自己的插件后，用起来简直不要太舒服了好嘛！！！

文末有惊喜~~~…^_^~

首先呢，我先推荐的就是最基础的语言包，没办法，英语水平太捞了哈哈哈，弄起来后就舒服多了，汉语yyds~
1、《Chinese (Simplified) (简体中文) Language》

注释工具
2、《Colorful Comments》

不同的注释符能带来很多高亮的显示

快速找到css定义位置并小窗口展示
3、《CSS Peek》

规范提示工具
4、《ESLint》
这个其实真的是又爱又恨，有时候一些写法自己觉得很舒服，他就给你提示不规范，看个人开发习惯吧哈哈哈

查看git的分支管理、提交记录等
5、《Git History》

可以查看提交历史，切换分支，查看提交记录等

6、《Vetur》
这个vue开发者必备的扩展就不多做解释了，代码高亮，补齐等等

7、《view-in-browser》
在.html文件
使用的话右键就可以看到view-in-browser   以网站页面的形式打开此文件

然后要介绍的就是以服务器形式启动的前端项目
8、《Live Server》
跟上面那个一样 右键就能看见

git团队项目管理工具
9、《GitLens — Git supercharged》

这个工具可以清楚的看见哪些bug是谁写的，还有很多功能，也是团队开发中必安的插件

美化图标工具包
10、《vscode-icons》
顾名思义，可以让文件的图标更好看

11、《JavaScript (ES6) code snippets》
js（es6）的代码片段提示、补全，提高开发效率

12、《Vue VScode Snippets》
*非常推荐 可以构建代码片段的缩写，大大节约开发时间，把时间花在逻辑上而不是繁琐的模板语法上。

13、《Image preview》
图片是否正确引入的显示工具，在图片连接上按住ctrl，鼠标悬浮即可看见是否正确找到路径下的图片文件，非常有用！

 

14、最后 介绍一个重量级的插件！！！！！！！！！！！！！！！

《小霸王》

在线支持几十款游戏，实乃上班娱乐摸鱼的必备插件！！！！！

上有超级玛丽下有坦克大战 开箱即用 点开即玩 可放大放小 娱乐无穷！！！！

 哈哈哈  大家游戏适度 提升技术栈才是程序员的首要职责 切勿过度游戏哈

就先介绍这几款常用的插件，后续有的话还会再添加，也欢迎各位朋友补充推荐哈

原创码字不易，如果你觉得对你有帮助的好劳烦你动动你的小手点个赞，当然关注收藏三连就更好了！！！^_^！