Vue代码保存自动对齐

VS Code 编写代码自动对齐配置

针对vscode编辑器的配置

1.安装 2个插件vetur，Prettier - Code formatter；

2.在项目下建立.vscode文件夹

3.文件夹下面新建文件settings.json:

{
  "vsicons.presets.nestjs": true,
  "files.exclude": {
    "node_modules": true,
    "dist": false
  },
  "editor": {
    "formatOnSave": true
  },
  // .vue 格式化设置 "octref.vetur"
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.validation.template": false,
  "vetur.experimental.templateInterpolationService": false,
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": true,
      "singleQuote": true,
      "printWidth": 100
    }
  }
}