VsCode 使用的插件记录

• Chinese：（修改vscode为中文显示）

• Auto Rename Tag（修改一侧标签另一侧自动修改）

• Auto Close Tag （写HTML与XML标签时自动补齐 关闭标签）

• open in browser（在浏览器打开网页文件）

• Live Server（启动一个本地服务运行网页，且保存文件自动运行到此服务）

• Easy Less（编译less文件，保存自动生成相应的css文件）

• px to rem & rpx (cssrem)
  （将px转换为rem（默认基准font-size值为16，可在插件扩展设置 中修改））

• One Dark Pro（好看的主题插件）

• Vetur（vue必备插件）

• Beautify （格式化代码插件）

• HTML CSS Support （智能提示css类名及id）

• HTML Snippets （智能提示HTML标签及标签含义）

• JavaScript(ES6) code snippets （ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间）

• Material Icon Theme （好看的图标主题）

• Vue 3 Snippets （vue代码提示）

• Bracket Pair Colorizer 2（彩色括号大括号，更容易找到对应括号）

• Better Comments （注释代码的各种样式，具体看下面代码）

这都是默认的设置，可以在扩展设置中的setting.json中自定义设置，替换！？*这些符号 
// ! 红色的高亮注释
 
// ? 蓝色的高亮注释

// * 绿色的高亮注释

// todo 橙色的高亮注释

// // 灰色带删除线的注释

// 普通的注释

• power mode （狂拽吊炸天编码特效 power mode插件配置方法）
  setting,json配置：

开启power mode
"powermode.enabled": true,
关闭抖动
"powermode.enableShake": false,
更换特效
"powermode.presets": "particles"
可选特效: “particles”, “fireworks”, “flames”, “magic”, “clippy”, “simple-rift”, “exploding-rift”

• IntelliSense for CSS class names in HTML（基于你的项目以及通过link标签引用的外部文件，该智能插件提供HTML中CSS class名字的补全。）
• npm Intellisense（VSCode 插件可以在导入语句自动补全npm模块名称。）
• GitLens — Git supercharged（git管理工具）
• Path Instances（路径提示工具）
  path instances无法提示别名，但是下面方法可以实现路径的自动提示：
  在项目根目录新建 jsconfig.json 输入下列内容

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
          "@/*": ["src/*"]
        }
    },
    "exclude": [
        "node_modules"
    ]
}

• node-snippets（node语法提示）
• Visual Studio IntelliCode（这个插件旨在帮助开发人员提供智能的代码完成建议而构建的，并且已预先构建了对多种编程语言的支持。）
• JavaScript Booster （类似AS中的快速修复语句错误，点击小灯泡来使用）
• SVG Viewer（查看svg图片，右击svg文件，选择SVG Viewer:View SVG）
• vue-peek（可以点击导入的vue组件链接，跳转到组件页面）
• CSS Peek（点击css样式，跳转到相应css样式）
• Color Highlight（给你的颜色代码，添加代码所定义的背景颜色，直观的看见代码是什么颜色）
• Image preview（在代码中图片预览）
• import cost（显示你导入的文件的大小）