vscode之必备插件推荐

工欲善其事，必先利其器

Auto Close Tag

自动闭合标签

Auto Rename Tag

自动完成另一侧标签的同步修改

Path Intellisense

自动提示文件路径，支持快速引入文件

Open HTML in Default Browser

右键:在浏览器中打开

Live Server

vscode不是IDE,可以用Liver Server开启本地服务实现视图热更新

Css Peek

右键单击选择器时，展示当前样式，可直接跳转到定义css的代码位置

Color Picker

拾色器
直接在编辑器中选择合适的颜色

cssrem

css值转rem

vscode-icons

Material Icon Theme

图标

One Dark Pro

One Monokai Theme

主题

Chinese (Simplified) Language Pack for Visual Studio Code

安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。要修改 locale.json，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入 “config” 筛选可用命令列表，最后选择配置语言命令。

Vetur

vue语法高亮/格式化/代码片段/语法检查等

GitLens

git版本控制

Git Histroy

Git的详细信息和图表

Debugger for Chrome

在编辑器中设置断点等调试，用于Chrome

Quokka.js

实时调试和展示结果

Faker

Faker 可以随机生成姓名、地址、图像、电话号码
crtl+shift+p 输入Faker:Name即可随即插入姓名

TODO Highlight

高亮TODO 和FIXME注释，以便追踪任何未完成的业务

小程序开发插件

1. vscode weapp api
2. vscode wxml
3. vscode-wechat
4. Easy WXLESS