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等