webstorm 保存运行 vue-cli 格式化（代码格式以 ESlint 为准）

设置 ESlint 规则

// .eslintrc.js
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
  parserOptions: {
    parser: "babel-eslint",
  },
  rules: {
    "no-func-assign": 2, //禁止重复的函数声明
    "space-before-function-paren": [0, "always"], //函数定义时括号前面要不要有空格
    "no-multiple-empty-lines": [1, { max: 2 }], //空行最多不能超过2行
    "no-nested-ternary": 0, //禁止使用嵌套的三目运算
    "no-new": 1, //禁止在使用new构造一个实例后不赋值
    "no-new-wrappers": 2, //禁止使用new创建包装实例，new String new Boolean new Number
    "no-redeclare": 2, //禁止重复声明变量
    "no-spaced-func": 2, //函数调用时 函数名与()之间不能有空格
    "no-undef": 0, //不能有未定义的变量
    "no-underscore-dangle": 0, //标识符不能以_开头或结尾
    "no-use-before-define": 2, //未定义前不能使用
    "no-var": 2, //禁用var，用let和const代替
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "comma-style": [2, "last"], //逗号风格，换行时在行首还是行尾
    "new-cap": 2, //函数名首行大写必须使用new方式调用，首行小写必须用不带new方式调用
    "semi": [2, "always"], //语句强制分号结尾
    "strict": 0, //使用严格模式
  },
};

配置 webstorm

• CTRL+ALT+S 调用设置面板
• 

参考链接

• https://blog.csdn.net/weixin_46990115/article/details/122224726
• https://juejin.cn/post/6844904041747578894