zoukankan      html  css  js  c++  java
  • vscode webstrom 配置 eslint 使用 airbnb 规范

    1.安装eslint

    npm install eslint eslint-config-airbnb eslint-plugin-jsx-a11y@^2.0.0 eslint-plugin-react eslint-plugin-import babel-eslint 
    -g

    2.全局配置文件,放到c:/user/***/

    {
        "extends": "airbnb",
        "installedESLint": true,
        "plugins": [
            "react"
        ],
        "env": {
            "jquery": true,
            "browser": true,
            "commonjs": true,
            "node": true,
            "es6": true,
    
        },
        "rules": {
            "indent": ["error", 4]
        }
    }

    需要注意的是以下内容在vscode与webstrom会报错。据说在atom可以用。

    "installedESLint": true,

    vscode:

    "eslint.options": {
        "configFile": "c:/user/**/.eslintrc"
    },

    webstrom:

    设置搜索eslint(可以装插件,不装的话js的code quality tools下面也有一个),

    勾选enable,配置node interpreter 为node安装目录。

    ESLint package为eslint安装目录,即全局node_modules/eslint。

    勾选configuration file,填入之前设置的目录

    配置code style right margin 为100。

    如果项目是ES5的话,.eslintrc中的extends 应该为"airbnb/legacy"。

  • 相关阅读:
    写代码随想
    学生管理系统
    自定义栈
    位运算符加密
    自定义Vector
    二叉树排序
    双向循环链表
    双向链表
    加载properties文件
    通讯录
  • 原文地址:https://www.cnblogs.com/eastegg/p/8532567.html
Copyright © 2011-2022 走看看