vscode 插件推荐

1.快捷键

......

2.小技巧

（1）多行注释后缩小，下面写东西会把注释展开

（2）在注释前面加 #region 结尾加 #endregion 可以将代码变成块合起来

3. 扩展

3.1 实时刷新以及服务器

javascript

live Server

3.2 颜色高亮

javascript

Color Highlight

3.3 括号不同颜色

javascript

Bracket Pair Colorizer

3.4 路径智能感知

javascript

Path Intellisense

3.5 css 类名

javascript

IntelliSense for CSS class names in HTML

3.6 自动闭合标签

javascript

Auto Close Tag

3.7 自动修改后面的标签

javascript

Auto Rename Tag

3.8 console.log 插件

ctrl+shift+L 生成选中变量的 console.log

ctrl+shift+D 删除页面所有 console.log

javascript

javascript console utils

3.9 Vue 插件

（1）方便写 vue 代码

javascript

Vue 3 Snippets

（2）识别 vue 文件快速写结构

vue 文件里<v

javascript

Vetur

项目根目录配置

jsconfig.json

json

{
  "include": ["./src/*"]
}

3.10 跳转定义

原生 ctrl + 左键或者 f12 找不到定义

vue - helper // f12 或 alt + 左键

vscode 插件推荐 ​

1.快捷键 ​

2.小技巧 ​

3. 扩展 ​

3.1 实时刷新以及服务器 ​

3.2 颜色高亮 ​

3.3 括号不同颜色 ​

3.4 路径智能感知 ​

3.5 css 类名 ​

3.6 自动闭合标签 ​

3.7 自动修改后面的标签 ​

3.8 console.log 插件 ​

3.9 Vue 插件 ​

3.10 跳转定义 ​

vscode 插件推荐

1.快捷键

2.小技巧

3. 扩展

3.1 实时刷新以及服务器

3.2 颜色高亮

3.3 括号不同颜色

3.4 路径智能感知

3.5 css 类名

3.6 自动闭合标签

3.7 自动修改后面的标签

3.8 console.log 插件

3.9 Vue 插件

3.10 跳转定义