vue 基本格式化代码插件配置

CV小白不转弯

已于 2023-06-15 18:32:37 修改

阅读量1.7k

点赞数

文章标签： vue.js 前端 javascript

于 2023-03-08 09:21:25 首次发布

本文链接：https://blog.csdn.net/m0_64115279/article/details/129396382

版权

0、启用Tab补全，写单词的时候按tab可以自动补全成为标签

点击文件

点击首选项

点击设置

搜索 Tab Completion ，在设置界面中，设置“Tab Completion”项的值为“on”，这样就能成功地启用Tab补全，写单词的时候按tab可以自动补全成为标签。

1、Vetur插件 (代码高亮）

2、ESLint 插件（检测语法）

3、Prettier - Code formatter插件（格式化代码），

安装完成后点设置，再点之后复制到对象里面就行

  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact"
  ],
"vetur.ignoreProjectWarning": true,
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 80,
      // Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] ["auto"]
      "wrap_attributes": "force-expand-multiline"
    }
  },
  "editor.tabSize": 2,
  "vetur.validation.template": false,
  "git.ignoreLimitWarning": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "git.confirmSync": false,
  "eslint.quiet": true,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "typescript.format.insertSpaceAfterConstructor": true,
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  "javascript.preferences.quoteStyle": "single",
  "javascript.format.insertSpaceAfterConstructor": true,
  "typescript.preferences.quoteStyle": "single",
  "html.format.wrapAttributes": "force-expand-multiline",
  "editor.formatOnSave": true,
  "prettier.vueIndentScriptAndStyle": true,
  "prettier.singleQuote": true,
  "prettier.useTabs": true,
  "prettier.printWidth": 100,
  "eslint.workingDirectories": [
    ".eslintrc.js",
    {
      "mode": "auto"
    }
  ]