Atom에서 eslint의 구성 및 사용에 대한 간략한 토론-atom-php.cn

Atom에서 eslint의 구성 및 사용에 대한 간략한 토론

青灯夜游

풀어 주다： 2022-02-15 19:36:30

앞으로

3575명이 탐색했습니다.

이 글에서는 eslint와 atom을 함께 사용하는 방법을 소개하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Atom에서 eslint의 구성 및 사용에 대한 간략한 토론

【관련 추천: "atom tutorial"】

aotm 플러그인 linter-eslint 다운로드

https://github.com/AtomLinter/linter-eslint

설정 필요 다음과 같이:

프로젝트 eslint와 플러그인을 로컬로 설치합니다
- $ npm i --save-dev eslint [eslint-plugins]

$ npm i --save-dev eslint [eslint-plugins]

Install globally eslint and plugins

$ npm i -g eslint [eslint-plugins]

Activate Use Global Eslint package option
(Optional) Set Global Node Path with $ npm config get prefix

提供了一些插件，可自行下载(ps: 版本差异会导致部分插件报错)

eslint-config-airbnb
eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-react
eslint-plugin-html （可解析html中的脚本, 最新的版本v4跟早期eslint有冲突）

然后在项目下
$ eslint --init

使用以下注释，关闭提示。

/* eslint-disable */

로그인 후 복사

使用eslintignore 忽略特定的文件和目录

创建一个 .eslintignore 文件，添加需要过滤的文件夹，或者文件

 build/*
 app/lib/*

로그인 후 복사

命令行使用 --ignore-path：

$ eslint --ignore-path .eslintignore --fix app/*전역적으로 eslint 및 플러그인 설치

$ npm i -g eslint [eslint-plugins]

전역 Eslint 사용 패키지 옵션 활성화< /li>
( 선택 사항) $ npm config get prefix를 사용하여 전역 노드 경로를 설정합니다.
는 일부를 제공합니다. 플러그인을 다운로드할 수 있습니다(ps: 버전 차이로 인해 일부 플러그인에서 오류가 보고될 수 있음)

eslint-config-airbnb

eslint-plugin-importeslint-plugin-jsx -a11yeslint-plugin -react

eslint-plugin-html (html로 스크립트를 구문 분석할 수 있으며 최신 버전 v4는 초기 eslint와 충돌합니다)🎜그런 다음 project🎜 $ eslint - -init🎜

다음 설명을 사용하여 프롬프트를 끄세요. 🎜

module.exports = {
    parser: &#39;babel-eslint&#39;,

    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },

    // 以当前目录为根目录，不再向上查找 .eslintrc.js
    root: true,

    // 禁止使用 空格 和 tab 混合缩进
    "extends": "eslint:recommended",

    globals: {
        // 这里填入你的项目需要的全局变量
        // jQuery: false,
        $: false,
        wx: false,
    },
    
    // eslint-plugin-html 开启
    "plugins": [
        "html"
    ],

    "parserOptions": {
        "ecmaFeatures": {
            "jsx": false
        },
        "sourceType": "module"
    },

    "rules": {
        "indent": ["error", &#39;tab&#39;],

        "linebreak-style": ["error","unix"],

        "quotes": ["error","single"],

        "semi": ["error","always"],

        "semi": ["error","always"],

        "arrow-spacing": ["error", { "before": true, "after": true }],

        "no-unused-vars": "off", //禁止提示没有使用的变量，或者函数

        "block-spacing": "error",

        "no-console": "off", //可以使用console

        "keyword-spacing": ["error", { "before": true }] //强制关键字周围空格的一致性

    }
};

로그인 후 복사