vue项目,使用eslint规范文件格式的常见问题解决

vue项目,使用eslint规范文件格式的常见问题解决

• 问题: vue项目,method后面缺少空格报错
• 解决方案: 在项目的eslint配置文件的rules里面加上:

'space-before-function-paren': 0

• 问题: vue项目,保存后自动加上“;”号
• 解决方案:在prettier的配置文件里面加上:

"singleQuote": true,

• 问题: vue项目,保存后自动使用双引号
• 解决方案:在prettier的配置文件里面加上:

"prettier.singleQuote": true

附上vs code的setting.json和项目的.eslintrc.js配置

• setting.json,将prettier的配置文件写在了里面,没有单独写.prettier的文件.

{
  // 强制单引号
  "prettier.singleQuote": true,
  // 保存时自动fix
  "eslint.autoFixOnSave": true,
  // 添加 vue 支持
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  // 格式化插件的配置
  "vetur.f