eslint 相关积累

一、注释不要的扫描段落,特别是拷贝的网上的代码

    /* eslint-disable */
    var codeNotOk;
    /* eslint-enable */

二、 注释不要扫描的单行代码

var thing = new Thing(); // eslint-disable-line no-use-before-define
// eslint-disable-next-line no-use-before-define
var thing = new Thing();

三、eslint 等级
“off”, “warn”, “error”
不重要的off, warn警告

四、批量扫描

// 扫描某个js文件夹下的所有js
$  eslint  webapp/js/**.js
// 扫描某个js文件夹及其子文件夹下的所有js
$  eslint  webapp/js/**/**.js

五、.eslintrc.json放在相关的js目录下,当前.eslintrc.json示例:

{
  "extends": "airbnb-es5",
  "rules": {
    "func-names": "off",
    "no-console": "off",
    "no-multi-str": "off",
    "linebreak-style": "off",
    "quotes": "off",
    "space-before-function-paren": "off",
    "no-param-reassign": "warn",
    "consistent-return": "off",
    "no-shadow": "off",
    "no-else-return": "off",
    "one-var": "off",
    "guard-for-in": "warn",
    "no-unused-vars": "warn",
    "spaced-commnet": "warn",
    "eol-last": "warn",
    "padded-blocks": "warn",
    "spaced-comment": "off",
    "yoda": "off"
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用ESLint对Vue项目进行代码规范检查时,可以按照以下步骤进行配置。 首先,需要修改ESLint配置文件,使其兼容Prettier规则。在extends数组中,将'plugin:prettier/recommended'放在最后,以确保后引入的规则不会覆盖前面的规则。同时,可以在.prettierrc.js文件中定义自己的代码风格,本地的Prettier插件和项目安装的Prettier都会根据该文件来格式化代码。如果ESLint的风格与Prettier的风格冲突,以Prettier为主。示例代码如下: ```javascript const { defineConfig } = require('eslint-define-config') module.exports = defineConfig({ // ... extends: [ 'plugin:vue/essential', '@vue/standard', 'plugin:prettier/recommended' ], // ... }) ``` 其次,需要安装必要的包来添加Prettier支持。可以使用以下命令进行安装: ```shell npm i prettier eslint-config-prettier@6 eslint-plugin-prettier@3 -D ``` 其中,prettier是Prettier的本体,eslint-config-prettier用于关闭ESLint中与Prettier冲突的规则,eslint-plugin-prettier用于将Prettier的规则设置到ESLint的规则中。 如果你想查看一个已经加入了Prettier的项目示例,可以访问以下链接:[情况一项目demo源码地址(加入了prettier)](https://github.com/rui-rui-an/demo_init_eslint_prettier)。如果你想查看一个没有加入Prettier的项目示例,可以访问以下链接:[情况一项目demo源码地址(没加prettier)](https://github.com/rui-rui-an/eslint_init_eslint_standard)。 如果你已经创建好了Vue2项目,但又想将ESLint添加进去,可以参考以下步骤进行配置。这可能会稍微麻烦一些。 请注意,以上步骤适用于Vue项目中使用ESLint和Prettier的情况。如果你有其他相关问题,请提供更具体的信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值