vsCode 配置
强烈建议
养成一个良好的代码风格不仅有助于我们代码的浏览和维护，更能让我们养成一个良好的码代码习惯。建议团队开发先配置好 eslint、prettier，把配置共享给其他同事，共用相同代码风格配置更利于项目开发、维护。
请花点时间认真阅读以下内容，否则页面代码可能各种错误！若当前文件夹不在 vsCode 工作区中，请把项目拉出来（就是不要放进嵌套文件夹中，放最顶级可消除部分报红）。
vsCode 下载
官网地址：https://code.visualstudio.com/
vsCode 插件安装
1. 点击左侧图标
2. 插件推荐
Vs Code 是一款现在主流的前端开发软件，最近开发过程中收集了几款实用的插件，特此做个笔记，方便后期环境快速搭建。
标签自动闭合
注意
名称：Auto Close Tag
描述：标签自动闭合
修改开始标签，结束标签自动更改
INFO
名称：auto Rename Tag
备注：修改开始标签，结束标签自动更改
开始标签，结束标签自动更改和闭合
INFO
名称：Auto Complete Tag
备注：继承Auto Close Tag，Auto Rename Tag 2个插件
Vue3语法
Vue3语法
名称：Vue - Official
描述：此插件支持vue3语法，必須禁用Vetur插件以免造成冲突
法语高亮
法语高亮
名称：ENV
备注：法语高亮
对Markdown的支持
TIP
名称：Markdown All in One
描述：VS Code 对Markdown的支持
美化JSON代码
INFO
名称：Prettify JSON
备注：美化JSON代码
样式调转到定义处
INFO
名称：wxss-peek
备注：点击页面的css名称，跳转到定义处
路径图片预览
INFO
名称：Image preview
备注：鼠标悬停在路径上，预览图片
更改为中文界面
INFO
名称：Chinese （Simplified）（简体中文）
备注：vs code 软件将成为中文模式
页面css中的单位转换
px rem rpx vw
名称：px to rem & rpx & vw
描述：px转 rem，rpx，vw
文件路径自动提示
TIP
名称：Path Lntellisense
描述：文件路径自动提示
单词拼写提示
TIP
名称：Code Spell Checker
描述：单词拼写错误检查
代码中显示颜色
TIP
名称：Color Highlight
描述：在代码中显示颜色
class类名或属性自动提示
TIP
名称：LintelliSense for CSS class names in HTML
描述：单词拼写错误检查
注释，警告，TODO
TIP
名称：Better Comments
描述：注释优化，突出警告，TODO等
快捷键
格式化代码
- 选中要格式化的代码片段或者整个文档。
- 使用快捷键
Shift + Alt + F（Windows）或者Shift + Option + F（Mac）。 VSCode会自动格式化选中的代码片段或整个文档。