中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

atom中eslint的配置以及使用方法

發布時間:2021-06-17 11:36:14 來源:億速云 閱讀:271 作者:chen 欄目:軟件技術

本篇內容主要講解“atom中eslint的配置以及使用方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“atom中eslint的配置以及使用方法”吧!

下載aotm插件 linter-eslint

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

需要設置如下:

  • Install locally to your project eslint and the plugin

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

  • Install globally eslint and plugins

    • Activate Use Global Eslint package option

    • (Optional) Set Global Node Path with $ npm config get prefix

    • $ npm i -g eslint [eslint-plugins]

提供了一些插件,可自行下載(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/*

路徑是相對于 .eslintignore 的位置或當前工作目錄

更多查看 http://eslint.cn/docs/user-guide/configuring

基礎配置:

module.exports = {
    parser: 'babel-eslint',

    "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", 'tab'],

        "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 }] //強制關鍵字周圍空格的一致性

    }
};

到此,相信大家對“atom中eslint的配置以及使用方法”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

沿河| 黑龙江省| 五寨县| 昌平区| 修水县| 清新县| 东城区| 永安市| 新晃| 北流市| 建湖县| 宜兰县| 徐闻县| 商河县| 读书| 进贤县| 连云港市| 中山市| 柳林县| 新宁县| 酉阳| 阜阳市| 惠安县| 宁津县| 玛多县| 云林县| 英吉沙县| 巴彦淖尔市| 淮北市| 金华市| 彭泽县| 侯马市| 日土县| 阳东县| 台安县| 黔南| 饶平县| 营口市| 凤庆县| 广州市| 吕梁市|