vuecli3关闭eslint,vue eslint配置
这篇文章主要介绍了脚手架构建的项目如何手动添加埃斯林特配置,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
package.json里配置添加根目录下添加检测配置射流研究…文件。eslintrc.js添加忽略检测配置文件。eslintigorewebpack。基地。糖膏剂射流研究…规则里添加eslint-loader配置配置-索引。射流研究…的偏差里添加埃斯林特的一些规则说明1.使用埃斯林特的时候如果出现未闭合标签会报红2.需要在单行元素的内容之前和之后换行
package.json里配置添加
1 .脚本里添加快捷埃斯林特检查命令
lint: eslint - ext .js,100 .vue src
2.添加埃斯林特依赖包
"巴别塔-伊斯林":^8.2.1,
"埃斯林特":^4.15.0,
埃斯林-配置-标准:^10.2.1,
“eslint友好格式化程序":^3.0.0,
"装载货物的人":^1.7.1,
“eslint-plugin-import":^2.7.0,
eslint-plugin-node: ^5.2.0,
"埃斯林特-插件-承诺":^3.4.0,
eslint插件标准:^3.0.1,
“eslint-plugin-vue":^4.0.0,
根目录下添加检测配置js文件.eslintrc.js
//https://eslint . org/docs/user-guide/configuring
模块。导出={
根:没错,
语法分析选项:{
解析器:"巴别塔-埃斯林"
},
环境:{
浏览器:没错,
},
扩展:[
//https://github。com/vue js/eslint-plugin-vue # priority-a-essential-error-prevention
//考虑切换到"插件:vue/strong烈推荐"或"插件:vue/推荐"以获得更严格的规则。
插件:vue/基本,
//https://github。com/standard/standard/blob/master/docs/RULES-en。医学博士
"标准"
],
皮棉*需要100 . vue文件
插件:[
某视频剪辑软件
],
//在此添加您的自定义规则
规则:{
//允许异步等待
发电机-星形-间距:关,
//在开发过程中允许调试器
无调试器:流程。环境。node _ ENV=== production ?错误:关
}
}
添加忽略检测配置文件.eslintignore
/build/
/config/
/dist/
/*.射流研究…
webpack.base.conf.js rules里添加eslint-loader配置
const createLintingRule=()=({
测试:/\。(jsvue)$/,
加载程序: eslint-loader ,
强制:"前",
包括:[解决( src )、解决( test)],
选项:{
formatter:require( eslint-friendly-formatter ),
发射警告:配置。戴夫。showesinterrossinoverlay
}
})
模块。导出={
//.
模块:{
规则:[
.(config.dev.useEslint?[createlingrule()]:[]),
//.
config-index.js的dev里添加
使用列表:真的,
showeslninterrossinoverlay:假,
Eslint的一些规则说明
1.使用Eslint的时候如果出现未闭合标签会报红
如下:
对于有强迫症的我来说不能无视,怎么搞定?
首先找到。eslintrc.js文件
在rules添加以下规则
vue/html-自结束:[错误,{
html: {
无效:从不,
正常:任何,
组件:任何
},
svg :总是,
数学:总是
}],
保存即可
2.需要在单行元素的内容之前和之后换行
规则:
vue/单行-html-element-content-newline :false,
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。