个人使用习惯:

使用Vetur插件,然后在setting中进行配置,而不是在.eslintrc.js中进行不检测设置(无拉踩,仅个人习惯)

主要有处理:

  1. 让函数(名)和后面的括号之间加个空格
  2. 结尾去掉分号
  3. 双引号变成单引号
  4. 单行长度设置为200
  5. 由于我没有出现随意添加逗号 禁止随时添加逗号 被我注释掉了
{
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数(名)和后面的括号之间加个空格
    "[javascript]": {
         "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // 上面3个配一起 函数名后面才会加空格

    "vetur.format.defaultFormatterOptions": {
        "wrap_attributes": "force-aligned",
        "js-beautify-html": {
          // - force: 对除第一个属性外的其他每个属性进行换行。
          // - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。
          // - force-expand-multiline: 对每个属性进行换行。
          // - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。
          "wrap_attributes": "force-aligned",
          // #vue组件中html代码格式化样式,可选
          "wrap_line_length": 200,
          "end_with_newline": false,
          "semi": true,
          "singleQuote": false
        },
        "prettier": {
          //设置分号
          "semi": false,
          //双引号变成单引号
          "singleQuote": true,
          //禁止随时添加逗号,这个很重要。找了好久
        //   "trailingComma": "none"
        }
      },
}
Logo

前往低代码交流专区

更多推荐