vscode 前端开发插件（前端vscode必备插件推荐（墙裂推荐））

前言：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

















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

《小霸王》

在线支持几十款游戏
 
 

 
 

 
 

 
 

 
 

 
 

，实乃上班娱乐摸鱼的必备插件！！！！！

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

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

就先介绍这几款常用的插件











，后续有的话还会再添加                   ，也欢迎各位朋友补充推荐哈

原创码字不易 
 
 
 
 
 
 
 
 
 
 
 
，如果你觉得对你有帮助的好劳烦你动动你的小手点个赞


















，当然关注收藏三连就更好了！！！^_^！