几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同,所以统一代码风格在团队协作中尤为重要。
vue-cli的eslint相关
vue-cli在init初始化时会询问是否需要添加ESLint,确认之后在创建的项目中就会出现.eslintignore和.eslintrc.js两个文件。
eslintignore类似Git的.gitignore用来忽略一些文件不使用ESLint检查。
eslintrc.js是ESLint配置文件,用来设置插件、自定义规则、解析器等配置。
eslintrc.js
解析器(parser):使用了babel-eslint,这个可以在package.json中找到,说明我们已经安装过该解析器了。
环境配置(env):在浏览器中使用eslint。
继承(extends):该配置文件继承了standard规则,具体规则自己看文档,看不懂有中文版的。
规则(rules):对于三个自定义规则,我特地查了官方文档。
arrow-parems 允许箭头函数参数使用括号,具体操作请看文档
generator-star-spacing 允许方法之间加星号,如function * generator() {}。文档在此。特地查了下,发现这是ES6提供的生成器函数,回头学习下。
no-debugger' 允许在开发环境下使用debugger。这个比较简单,不过还是贴下文档便于查看。
注意:在rules中每个配置项后面第一个值是eslint规则的错误等级。
* “off” 或 0 - 关闭这条规则* “warn” 或 1 - 违反规则会警告(不会影响项目运行)* “error” 或 2 - 违反规则会报错(屏幕上一堆错误代码~)
遇到过的问题
由于一开始不了解ESLint就写项目,不知道要看Standard的文档,所以遇到了很多ESLint的错误和警告,分享下希望能对朋友们有帮助。
1. Do not use ‘new' for side effects
该错误是由于我删除了/* eslint-disable no-new*/这段注释引发的,/* eslint-disable */这段注释的作用就是不让eslint检查注释下面的代码。
错误原因:不可以直接new一个新对象,需要将新对象赋值给一个变量。
2. Strings must use singlequote
错误原因:字符串必须用单引号
3. Expected space(s) after “return”
错误原因:括号两侧必须要有空格隔开
4. Expected indentation of 8 spaces but found 6
错误原因:使用两个空格进行缩进。
ESLint的报错并不难懂,只要理解错误原因还是很好解决的。如果提前看看文档,更不会出现太多报错问题了。
发现ESLint的报错都会在报错语句前面显示一个URL,点击进去可以看到详细的错误信息。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 256 JAVASCRIPT