这个插件推荐主要是针对前端开发者的，因为vscode对于网页编写和各种框架的语法支持比较完善，而后端更多的使用intellij，这里就不说了，后面会有专门的文章介绍！
安装VScode
搜索vscode官网，直接下载最新版本。
安装后，它将以全英文显示。不用担心，以后插件会部署到中文。
打开vscode后，请看下图左下角。单击它以显示我们到目前为止已经安装的插件。在右栏顶部搜索框中输入插件名称，即可下载相应的插件！
目前vscode已经支持下载后立即安装应用，不需要像老版本一样重启vscode。
|插件介绍
中国人
简体中文语言包，准备安装。
代码运行程序
可以快速编译和执行代码的插件。比如我们写好了一个java文件，右击空空格，弹出的对话框会选择“运行代码”快速执行！这个插件支持几乎所有的编程语言~
德古拉官方
德古拉官方配色主题是暗黑风；
同时按ctrl+k+t会在vscode上方弹出主题选择框。使用小键盘的上下键可以立即得到当前主题配色结果，如果喜欢可以按Enter键选择应用！
实时服务器
构建一个本地服务器来运行html文件。这样做的好处是方便我们在开发html的时候有一个热更新的效果，不需要一次又一次的点击网页刷新才能看到改变的结果。
虚拟代码-图标
vscode自带的小文件图标是否过于单调？该插件通过赋予不同含义的文件夹特殊图标，帮助开发者快速区分当前文件夹的功能，提升整体美感。
韦图尔
Vue2开发者必备！它支持vue2模板的快速生成，还包括所有vue代码高亮效果和适当的效率提升工件。
手掌的
Vue3专用插件，因为与vue2相比，vue3在代码结构上有很大的变化，比如新版本的变化是不需要在模板标签中写P标签。volar做了自适应处理，可以兼容vue2代码！
图像预览
一个小众但实用的插件，当你使用url引入外部图片路径时，图片的缩略图会显示在ide编辑区的最左侧！
降价PDF
快速将markdown文件转换为PDF文件，转换后的PDF仍然保留了漂亮的markdown格式；
右键单击md文件，根据弹出窗口的提示转换成相应的文件。
进口成本
当我们使用webpack，导入一个插件时，后面会自动显示当前插件包大小，如果插件包太大，会用红色标注；
支持esmodule的导入包，或者需要commonjs风格的包！
哈巴狗
pug.js对应的支持插件可以突出模板语法，并配有自动补全功能；
pug.js的具体功能可以通过npm官网搜索。
|
写在后面。
下一期将为后端开发者更新intellij中必要的和用过的开发插件。
本期到此结束。
