vs code格式化代码

安装 ESLint：检查代码格式，部分代码格式化功能、Prettier-Code formatter：代码格式化功能、Vetur：代码高亮功能 扩展程序，如下图：

在用户设置 settings.json 中添加配置。File → Preferences → Settings （或者 ctrl + ，)，点击下图右上角绿色区域打开 settings.json 文件。

将以下配置添加到 settings.json 文件中。

{
	 // tab 大小为2个空格
	  "editor.tabSize": 2,
	  // 100 列后换行
	  "editor.wordWrapColumn": 100,
	  // 保存时格式化
	  "editor.formatOnSave": true,
	  // 开启 vscode 文件路径导航
	  "breadcrumbs.enabled": true,
	  // prettier 设置语句末尾不加分号
	  "prettier.semi": true,
	  // prettier 设置强制单引号
	  "prettier.singleQuote": true,
	  // 选择 vue 文件中 template 的格式化工具
	  "vetur.format.defaultFormatter.html": "prettyhtml",
	  // 显示 markdown 中英文切换时产生的特殊字符
	  "editor.renderControlCharacters": true,
	  // 设置 eslint 保存时自动修复
	  "eslint.autoFixOnSave": true,
	  // eslint 检测文件类型
	  "eslint.validate": [
	    "javascript",
	    "javascriptreact",
	    {
	      "language": "html",
	      "autoFix": true
	    },
	    {
	      "language": "vue",
	      "autoFix": true
	    }
	  ],
	  "vetur.format.options.tabSize": 4,
	  // vetur 的自定义设置
	  "vetur.format.defaultFormatterOptions": {
	    "prettier": {
	      "singleQuote": true,
	      "semi": false
	    }
	  }
  }

可以格式化 html、css、js、vue 文件。