工欲善其事,必先利其器
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注释,以便追踪任何未完成的业务
小程序开发插件
- vscode weapp api
- vscode wxml
- vscode-wechat
- Easy WXLESS