babel eslint 怎么用检验怎么这么麻烦

问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
你们看出来哪里不对?
loadMore () {
this.loading = true
setTimeout (() =& {
let last = this.list[this.list.length - 1]
for (let i = 1; i &= 10; i++) {
this.list.push(last + i)
this.loading = false
in ./src/views/index.vue
http://eslint.org/docs/rules/func-call-spacing
Unexpected space between function name and paren
/Users/wscart/Sites/node/toutiao/src/views/index.vue:92:5
setTimeout (() =& {
? 1 problem (1 error, 0 warnings)
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
setTimeout();
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
在你的函数setTimeout名称与括号之间存在空格。
分享到微博?
你好!看起来你挺喜欢这个内容,但是你还没有注册帐号。 当你创建了帐号,我们能准确地追踪你关注的问题,在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助,记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
扫扫下载 App简单配置使用eslint校验代码 - CNode技术社区
欢迎大家访问个人网站****
1.编辑器安装
sublime 安装:
sublimeLinter-contrib-eslint
2.两个配置例子
例一:使用支持react,es6的代码校验
npm install --save-dev eslint-plugin-react eslint
创建eslintrc
.eslintrc 配置文件:
&node&: 1,
&browser&: 1,
&mocha&: true
&ecmaFeatures&: {
&jsx&: true,
&es6&: true
&plugins&: [
&extends&: [&eslint:recommended&, &plugin:react/recommended&]
例二 使用的代码规范:
npm install --save-dev eslint-config-airbnb eslint-plugin-react eslint
.eslintrc配置文件:
&extends&: &airbnb&,
&browser&: true,
&node&: true,
&mocha&: true
&ecmaFeatures&: {
&forOf&: true,
&jsx&: true,
&es6&: true
&rules&: {
&comma-dangle&: 0,
&indent&: [2, 2, {&SwitchCase&: 1}],
&react/prop-types&: 0
3.使用webpack
使用webpack我们需要先下载对应的webpack loader
npm install --save-dev eslint-loader
在配置文件中加入:
preLoaders: [
{test: /\.js$/, loader: &eslint-loader&, exclude: /node_modules/}
test:/\.jsx?$/,
exclude:/node_modules/,
loader:'react-hot!babel'
test:/\.css$/,
loaders:['style','css'],
include:'/dist'
failOnWarning: true
对于其中的一些规则,可查看对应的
CNode 社区为国内最专业的 Node.js 开源技术社区,致力于 Node.js 的技术研究。
服务器赞助商为
,存储赞助商为
,由提供应用性能服务。
新手搭建 Node.js 服务器,推荐使用无需备案的介绍ESLint
ESLint 是一个代码规范和错误检查工具,有以下几个特性
所有东西都是可以插拔的。你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter。
任意的rule 都是独立的
没有特定的coding style,你可以自己配置
全局安装,适合你全部项目都需要eslint
$&npm&install&-g&eslint
接下去安装配置文件
$&eslint&--init
这个步骤会让你选择自己的风格
1、向你询问你的style
2、使用一些流行的style
3、通过你的文件来配置
详细的配置查看
module.exports = {
& & "env": {
& & & & "browser": true,
& & & & "commonjs": true,
& & & & "es6": true
& & "extends": "eslint:recommended&,//可以选择一些流行的style 比如google
& & "parserOptions": {
& & & & "ecmaFeatures": {
& & & & & & "experimentalObjectRestSpread": true,
& & & & & & "jsx": true
& & & & },
& & & & "ecmaVersion": 7, 你的javascript 版本
& & & & "sourceType": "module"
& & "plugins": [
& & & & &react& //插件,支持react
& & "rules": {
& & & & "indent": [ //缩进
& & & & & & "error&, //可选项为 off warn error 对应的数字 0 1 2
& & & & & & "space"
& & & & ],
& & & & "linebreak-style": [//换行的style
& & & & & & "error",
& & & & & & "unix"
& & & & ],
& & & & "quotes": [//引号 是单的还是双的
& & & & & & "error",
& & & & & & "single"
& & & & ],
& & & & "semi": [
& & & & & & "error",
& & & & & & "never"
IDE的 插件
Sublime Text3
通过Package Control -& install Package -& SublimeLinter-eslint
1、在sublime text 中jsx 不能使用linter。
& & &view-&syntax-&open all current extension as & -& javascript
2、在webstorm 提示
Cannot find module 'babel-eslint'
Error: Cannot find module 'babel-eslint'
我猜测是有些rule的包 在全局变量中没有安装。所以报的错误
用当前项目的eslint 就好了
3、怎样让webstorm 的错误提示更明显呢?
哈哈,我也不知道答案&
阅读(...) 评论()Eslint 从入门到放弃 - 博客频道 - CSDN.NET
王永迪的专栏
android、web开发工程师,热衷于开源行业与新技术的探索~
分类:【 前端 】
ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写, 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子,而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择:以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。
可以去上方网站进行相关资料查阅,长话短说,直接开始入门吧~
建议采用全局安装方式
npm install -g eslint
如果你的项目还没有配置文件(.eslintrc)的话,可以通过指定–init参数来生成一个新的配置文件:
运行eslint –init后,会在当前目录下生成一个.eslintrc文件,你可以在这个文件中配置一些规则。
ESLint被设计为完全可配置的,主要有两种方式来配置ESLint:
内嵌配置:将配置信息以注释的形式写在要检验的文件内
文件配置:利用javascript、json、yml语言的语法,生成名为.eslintrc.*的配置文件,将配置信息写到文件内
文件配置方式
env:你的脚本将要运行在什么环境中
Environment可以预设好的其他环境的全局变量,如brower、node环境变量、es6环境变量、mocha环境变量等
'browser': true,
'commonjs': true,
'es6': true
globals:额外的全局变量
vue: true,
rules:开启规则和发生错误时报告的等级
'rules': {
'no-var': 'error',
'init-declarations': 2,
'quotes': ['error', 'single'],
'semi': ['error', 'never'],
'no-extra-semi': 'error',
'linebreak-style': ['error', 'unix'],
'indent': ['error', 2, {'SwitchCase': 1}],
'array-bracket-spacing': [2, 'never'],
'block-scoped-var': 0,
'brace-style': [2, '1tbs', {'allowSingleLine': true}],
'camelcase': 2,
'comma-dangle': [2, 'never'],
'comma-spacing': [2, {'before': false, 'after': true}],
'comma-style': [2, 'last'],
'complexity': [2, 9],
'computed-property-spacing': [2, 'never'],
规则的错误等级有三种:
0或'off':关闭规则。
1或'warn':打开规则,并且作为一个警告(并不会导致检查不通过)。
2或'error':打开规则,并且作为一个错误 (退出码为1,检查不通过)。
参数说明:
参数1 : 错误等级
参数2 : 处理方式
"comma-dangle": ["error", "never"],
上述配置只是简要将最基本的一些配置罗略出来,如果有需要建议去上方官网中查看。
配置代码注释方式
有时我们可能要在代码中忽略eslint的某种检查,或者加入某种特定检查,此时我们可以用如下的方式:
忽略 no-undef 检查
/* eslint-disable no-undef */
忽略 no-new 检查
eslint 检查指令
检查且修复
检查指定文件
开发工具上的使用
Preferences -& Languages & Frameworks -& JavaScript -& Code Quality Tools -& Eslint -& Enable (勾选) -& Apply -& OK
安装linter-eslint
安装SublimeLinter
安装SublimeLinter-contrib-eslint
Eslint 对于每一个开发者而言都是非常值得使用的,这样会强制你写出高质量且整洁的代码,所以建议无论大家是前端开发者、weex开发者、还是小程序开发者都建议大家讲Eslint集成进入,来提高项目的质量。
排名:第9833名
个人博客:
程序员博客联盟 :
weex技术交流(1):
weex技术交流(2):
(46)(8)(10)(4)(7)(11)}

我要回帖

更多关于 怎么去掉eslint 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信