vuecli3关闭eslint,vue eslint配置

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: