vue-cli创建项目时由于esLint校验导致报错或警告的解决办法
vue-cli创建项目后编写代码控制台一片黄但不影响代码执行但是看着就是很不爽啊到网上搜索了一下这个问题,想起来初始化项目时安装了esLint校验工具嗯,我看到了很多办法都是下面这样的1、因为你设置了eslint,如果你不想有规范的js代码,可以重新初始化关掉eslint。Use ESLint to lint your code? (Y/n) 这一步选no在bulid/webpa...
·
vue-cli创建项目后编写代码控制台一片黄
但不影响代码执行
但是看着就是很不爽啊
到网上搜索了一下这个问题,想起来初始化项目时安装了esLint校验工具
嗯,我看到了很多办法都是下面这样的
1、因为你设置了eslint,如果你不想有规范的js代码,可以重新初始化关掉eslint。
Use ESLint to lint your code? (Y/n) 这一步选no
在bulid/webpack.base.conf.js里面有配置如下:
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint,发现在config/index.js里配置
useEslint: true, // 改为false即可。
2、万能方法,就是在报错的JS文件中第一行写上
/* eslint-disable */
Use /* eslint-disable */ to ignore all warnings in a file.
简单粗暴有效率
but 本着 既然人家说我错了这个肯定是不好的啊我得改 这种良好觉悟
我觉得吧,还是应该直面错误勇于改正
so 针对所有的报错信息,进行了一一修改,果然长知识啊,哈哈哈 那我按照他的规范来写我岂不是enenenhahaha
我这是又在做什么梦[○・Д´・ ○]
进入正题,将遇到的报错信息整理了一下
1.ESLint:Strings must use single quote
字符串必须要用单引号引起来
2.Expected indentation of 2 spaces but found 4
eslint不喜欢tab缩进哦,缩进使用两个空格就可以,好的,我现在已经开始要改了~
如果实在是改不了呢,可以↓↓
修改eslint 配置文件 .eslintrc.js
rules: {
...
// 缩进
// 'indent': 2,
// 'indent': [2, 2, {"SwitchCase": 1}],
"indent": [1, 2],
...
}
3.Missing space before value for key 'components’
这个就是强制属性值前也就是冒号后,习惯性的加一个空格,就可以避免这歌报错提示啦~
4.Newline required at end of file but not found
单文件组件最后的</style>后面要换一行,且只能一行,多了也会报错
其他的就不一一列举的,但是还有些要注意的
{},
{}
↓
{}, {
}
注意:逗号后面也要加一个空格
好啦,以上就是我对这个规范的一些小小心得,后面再碰到再补充~
溜~~~~~~~
更多推荐
已为社区贡献3条内容
所有评论(0)