vscode 前端最佳插件配置

格式化代码时用到的插件

ESLint（代码规范和错误检查工具）
Prettier（代码格式化工具）
EditorConfig for VS Code（定义项目的编码规范，编辑器的行为会与.editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高，这在多人合作开发项目时十分有用而且必要）
Vetur（识别 vue 文件）
Syncing（同步你的 VS Code 配置，在另一台机器使用可以自动同步配置，不需要重新慢慢配了）
Manta's Stylus Supremacy（使得 stylus 格式化更好看）

一、格式化文档不自动换行

1、vscode下载ESlint, Prettier, Vetur插件
2、打开vscode 选择 文件->首选项->设置
3、搜索vetur.format.defaultFormatterOptions，之后在setting.json中编辑
4、ctrl + s 保存 ，设置默认Vetur

settings.json：

  // ----------------  设置属性、js不自动换行  ----------------
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "aligned-multiple" //当超出折行长度时，将属性进行垂直对齐
    },
    "prettyhtml": {
      "printWidth": 100,//每行100字符
      "singleQuote": false,//单引号强制转双引号
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  // 这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // 让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  // ----------------  设置属性、js不自动换行  ----------------