给大家推荐几个教学常用的vscode插件，快速提升你编代码的效率！

vscode是什么？

它是微软开发的一款免费开源的编辑器，通俗地讲，就是一款编代码的工具。轻量，启动速度快，主题（就是皮肤）丰富，颜值高，插件多。不仅在前端流行，在后端也是越来越流行。

编辑器有很多，我为什么要用它呢？

笔者上大学时使用是Dreamweaver, 这个编辑器还是蛮大的，动不动几百M，甚至1-2个G，用来写html和css还行，写js体验就一般了，偶尔有点卡。后来使用国产的Hbuilder，感觉也还可以吧，中规中矩，非常容易上手，皮肤少，默认就两个皮肤，深色和浅色。经过和vscode对比，感觉还是vscode用起来比较顺手。当前也用过号称前端神器webstorm，这玩意提示功能是挺强大的，但是体积大，速度不如vscode，没有vscode用的顺畅。

废话不多说，今天给大家推荐几款我在教学和开发中常用的几款vscode插件：

1，Chinese (Simplified) Language Pack for Visual Studio Code

简体中文插件，这个不用多说。初始安装vscode后默认是英文，装了这个后重启编辑器就变成中文啦。

2，JavaScript (ES6) code snippets

ES6语法片段，快速编写es6语法，作为一个前端工程师，如果对es6还不熟悉，那你就out了

3，jQuery Code Snippets

jQuery语法片段，快速编写jquery代码，jq号称写的更少，做得更多；那么这个插件会让你写的更快，写jq快的起飞~

4，Axios Snippets

使用vue开发的应该都知道axios这个东东吧，Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器上和 node.js 中。通俗地说就是用来发送ajax请求的，比如vue-cli脚手架，少不了它。

5，px to rem

这个是用来做移动端页面开发用的，可以把px自动转为rem。

6，px2vw

这个也是用来做移动端页面开发用的，可以把px自动转为vw。

7，open in browser

用来预览html页面的，静态预览。

8，live server

用来预览html页面的，这个是动态预览，实时更新。

原创不易，纯手工码字，请多多支持！谢谢~