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

忍冬 ⁡⁡

已于 2022-07-08 10:11:30 修改

阅读量1.4k

点赞数 1

文章标签： vue.js webstorm

于 2022-07-08 09:16:34 首次发布

本文链接：https://blog.youkuaiyun.com/Wang_make/article/details/125671334

版权

本文详细介绍如何在项目中设置ESLint规则，包括配置文件详解、关键规则介绍，以及如何在WebStorm中应用这些规则，确保代码一致性并优化生产环境下的代码管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置 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, //使用严格模式
  },
};