本文仅介绍个人使用vscode进行web开发从生疏到习惯使用过程中，逐步使用的插件简介。
插件安装
很简单，打开vscode左侧菜单项对应的“扩展”功能，点开后，可以搜索插件，也叫扩展。安装了某个插件后，有其使用说明，有些是可定义参数、可配置的，有些则是默认生效。
Buautify
可以美化js、json、css、sass和html，初步避免代码编写时的不规范。
Document this
可以用于自动生成JSDoc。
Dracula Official
一款下载量近10万得主题。
下载该插件后需要如下进行配置：
ESLint
eslint，规范js/es代码，特点是api很简单，可以自由配置属性来控制适合自己项目的约束。
HTML CSS Support
在html中书写css时，自动展示当前支持的css列表。
Instant Markdown
md文件实时网页预览，功能不错，不过如果你经常写md时，用起来也不舒服，因为每当你保存md文件，它会自动启动一个web服务并预览该md文件的html版本。
其实vscode自带简单的md预览功能，在文件编辑视图右上角的“放大镜”按钮，只是不支持以网页形式预览。
Local History
使用vscode编辑文件时，很头疼的问题时无法记录之前的文件状态，该插件可以自动记录文件历史状态。保存的文件位置、保存的天数支持可自定义配置。
Path Intellisence
智能路径提示。当你想引入一个js文件、css文件时，它会帮你智能提示路径。
Terminal
terminal。
TODO Parser
帮你分析当前的“TODO”项数目，并在左下角提示。
vscode-fileheader
为文件添加固定的头信息，支持动态变动每一次的更新时间。
vscode-icons
为每种文件类型，添加友好的图标，目前已支持非常多文件类型。
下载该插件后需要如下进行配置：
End
vscode插件库包含的插件非常丰富，包括有ng2/ts/vue/react等相关的支持，有git/svn等相关的支持，可以根据关键字自行搜索，尝试使用。
☜☜☜ wechat 『『『 reward 点击扫码打赏 ~~~ ^_^ 』』』alipay ☞☞☞ 