本篇文章给大家介绍一下eslint & atom 配合使用。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
【相关推荐：《atom》】
下载aotm插件 linter-eslinthttps://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
- $ 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/*
路径是相对于 .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！！
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
