vue-cli脚手架搭建的项目去除eslint验证的方法


Posted in Javascript onSeptember 29, 2018

eslint验证,为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助,但是由于其语法验证的严格,很多程序员在初期使用的时候很不适应,就想怎么能够去掉eslint验证。

其实把eslint验证去除的方法并不复杂,因为我们的脚手架是基于webpack的,那么一般的配置操作都会在webpack工具的配置文件中进行配置,那么我们就直接找webpack的配置文件就可以了。可能我们的很多刚开始接触vue-cli脚手架工具的朋友可能会说我搭建完项目后,build目录下有3个webpack开头的配置文件,那么我去找哪个?

我们可以看下文件的名字,分别为:webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js,这样我们就可以很容易就确定webpack.dev.conf.js是运行开发环境时执行的一些配置,webpack.prod.conf.js是在运行生成环境时走的一些配置,然后webpack.base.conf.js是一个基础的配置文件,而我们想达到的目的及时无论是开发环境还是生产环境都去掉eslint验证,那么无论是修改开发环境或者生产环境都不能达到我们的目的,那么剩下的就是修改webpack.base.conf.js或者分别修改生产环境或开发环境的配置了。到了这一步了,基本不用往下想就知道修改webpack.base.conf.js这个基础配置文件了。

具体修改方法如下:

module: {
 rules: [
 ...(config.dev.useEslint ? [createLintingRule()] : []),
 {
 test: /\.vue$/,
 loader: 'vue-loader',
 options: vueLoaderConfig
 },

先找到这段代码,然后将eslint的的规则删除或者注释掉就可以了。

最终代码:

module: {
 rules: [
 // ...(config.dev.useEslint ? [createLintingRule()] : []),
 {
 test: /\.vue$/,
 loader: 'vue-loader',
 options: vueLoaderConfig
 },

写了这么多,其实就是想说一下我们遇到问题时的处理方法,如果一时找不到解决问题的方法、思路,就不防采用下排除法,然后还要多分析,多思考。这样我们的编码水平也会提升很快。虽然这样eslint语法验证去除了,但我们还是要保持良好的编码风格,我们的代码不光我们在编码当时能看懂,让别人能看懂,还要让后来人也能看懂,这才会让我们的技术、理念传承下去。

以上这篇vue-cli脚手架搭建的项目去除eslint验证的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js arguments.callee的应用代码
May 07 Javascript
将函数的实际参数转换成数组的方法
Jan 25 Javascript
javascript 伪数组实现方法
Oct 11 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
js实现跨域的多种方法
Dec 25 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
Mar 04 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
原生JS实现旋转轮播图+文字内容切换效果【附源码】
Sep 29 #Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 #Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 #Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 #Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 #Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 #Javascript
js限制输入框只能输入数字(onkeyup触发)
Sep 28 #Javascript
You might like
php防止恶意刷新与刷票的方法
2014/11/21 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
jquery.validate使用详解
2016/06/02 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
Python脚本实现DNSPod DNS动态解析域名
2015/02/14 Python
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
英国蛋糕装饰用品一站式商店:Craft Company
2019/03/18 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python
Vue的过滤器你真了解吗
2022/02/24 Vue.js
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android