VScode编辑器
-
下载安装 https://code.visualstudio.com/
-
常用插件安装
- [x] - Vue VsCode Snippets
- 快捷生成vue代码片段 具体快捷键看插件文档
- [x] - Vue
- 关于vue代码高亮
- [x] - Vetur
- 可以高亮Vue代码 格式化代码
- [x] - ESlint
- eslint代码检测
- [x] - Bracket Pair Colorizer 2
- 高亮配对的标签 代码中的括号添加亮色 便于区分
- [x] - Beautify
- 美化代码
- [x] - Auto Close Tag
- 自动补全标签
- [x] - Auto Rename Tag
- 修改标签名 自动同步修改闭合标签的标签名
- [x] - Git Graph
- 可以查看git提交历史 现在所处分支 提交内容明细 以及回滚删除分支等操作
- [x] - GitLens
- git工具 可在代码行中查看谁提交的 清晰追溯
- [x] - Path Intellisense WXML - Language Service
- 路径自动补全提示插件
// 开发小程序的工具插件, 拥有这些就足以开发小程序了
- [x] - Easy WXLESS
- 使用less写法保存自动生成微信小程序的样式wxss文件
- [x] - WXML - Language Service
- 微信小程序.wxml文件代码高亮,标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供code snippets)
- [x] - vscode wxml
- 为 VSCode 提供 wxml 语法支持及代码片段
- 根据eslint规则保存自动修复配置settings.json
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},