VS code常用插件

1.Auto Close Tag

标签自动闭合
在这里插入图片描述

2. Auto Rename Tag

自动重命名标签
在这里插入图片描述

3.Better Align

设置代码对齐
Ctrl+K,Ctrl+S打开快捷键设置，搜索wwm，设置自己的快捷键
在这里插入图片描述

4.Bracket Pair Colorization Toggler

括号颜色
在这里插入图片描述

5.Chiese（Simplified）（简体中文）

中文版
在这里插入图片描述

6.Color Info

颜色主体
在这里插入图片描述

7.Error Gutters

错误提示
在这里插入图片描述

8.ESLint

语法规则和代码风格的检查工具
在这里插入图片描述

9.HTML CSS Support

智能提示CSS类名以及id
在这里插入图片描述

10.Image preview

图片预览
在这里插入图片描述

11.indent-rainbow

左侧缩进颜色区分
在这里插入图片描述

12. JavaScript（ES6）code snippets

ES6语法智能提示
在这里插入图片描述

13.jQuery Code Snippets

jq代码段提示
在这里插入图片描述

14.Live Server

更改代码自动刷新页面
在这里插入图片描述

15.open in browser

浏览器打开页面
在这里插入图片描述

16.Path Intellisense

路径提示
在这里插入图片描述

17. Prettier - Code formatter

也是一个代码风格的插件，文章最后配置了一些东西
在这里插入图片描述

18. Vetur

Vue 插件,提供了代码补全、高亮等功能
在这里插入图片描述

19.vscode-icons

图标插件
在这里插入图片描述

20. WXML - Language Service

微信小程序语法的插件
在这里插入图片描述

settings.json配置esLint和prettier

在这里插入图片描述

// 配置保存自动格式化代码
  "editor.formatOnSave": true,
  // ESlint插件配置
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "eslint.alwaysShowStatus": true,
  // 配置prettier配置
  "prettier.trailingComma": "none",
  "prettier.semi": false,
  // 每行字数超过限制将会换行
  "prettier.printWidth": 300,
  "prettier.singleQuote": true,
  "prettier.arrowParens": "avoid",
  // 设置vue中HTML代码格式的插件
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // 忽略项目里面的警告弹窗
  "vetur.ignoreProjectWarning": true,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "false"
    },
    "prettier": {
      "trailingComma": "none",
      "semi": "false",
      "singleQuote": "true",
      "arrowParens": "avoid",
      "printWidth": "300"
    }
  },```
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

相关阅读:
华为数通方向HCIP-DataCom H12-821题库(单选题：281-300)
关系数据库SQL五条经验教训
 微服务第一轮
 （附源码）ssm学生管理系统毕业设计 141543
MyBioSource CACNA1H 封闭肽相关研究
 如何根据波特率计算设备每秒传输多少字符
 “四大高手”为你的 Vue 应用程序保驾护航
 macOS端React的项目WebPack热更新（HMR）失效问题分析及解决，原因竟是Windows文件系统不区分大小写导致
 必考设计模式
 使用try-catch捕捉异常和不捕捉异常的区别
原文地址：https://blog.csdn.net/weixin_47466275/article/details/125993316