VSCode 常用插件和配置整理

VSCode是一款免费开源的现代化轻量级代码编辑器,除了自带的一些特性之外,还支持丰富的插件扩展。VSCode是我日常工作和学习中,最经常使用的前端开发工具。本文主要记录我在开发过程中经常使用的VSCode插件和配置。

配置信息

{
    "workbench.iconTheme": "vscode-icons",
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "explorer.confirmDelete": false,
    "vsicons.dontShowNewVersionMessage": true
}

插件列表

name description
Auto Close Tag 自动增加结束标签
Auto Rename Tag 自动重命名匹配的标签
Bracket Pair Colorizer 括号匹配指引
Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包
Debugger for Chrome 调试添加支持Chrome debugger配置
ESLint 语法和代码风格检查器
gitignore 支持gitignore语法
HTML CSS Support HTML和CSS语法支持
indent-rainbow 彩虹显示缩进
open in browser 在浏览器中打开
JavaScript (ES6) code snippets ES6语法支持
Path Intellisense 智能路径提示
npm Intellisense npm包智能提示
REST Client 发送HTTP请求和查看响应
TODO Highlight 高亮TODO
Vetur Vue语法支持
vscode-icons 左侧文件夹栏添加文件类型图表
Prettier 代码格式化
Document This 一键添加代码段注释