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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
xml转json的js代码
Aug 28 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
根据Bootstrap Paginator改写的js分页插件
Dec 25 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
webpack配置的最佳实践分享
Apr 21 Javascript
bootstrap轮播图示例代码分享
May 17 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
element-ui的回调函数Events的用法详解
Oct 16 Javascript
JavaScript的console命令使用实例
Dec 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性能优化 产生高度优化代码
2011/07/22 PHP
javascript 简练的几个函数
2009/08/29 Javascript
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
jquery随机展示头像代码
2011/12/21 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
JavaScript实现复制内容到粘贴板代码
2016/03/31 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
跟老齐学Python之list和str比较
2014/09/20 Python
Python set常用操作函数集锦
2017/11/15 Python
Python学习小技巧总结
2018/06/10 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python input函数使用实例解析
2019/11/22 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
教育实习生的自我评价分享
2013/11/21 职场文书
自荐信格式
2013/12/01 职场文书
yy生日主持词
2014/03/20 职场文书
太空授课观后感
2015/06/17 职场文书
2015年教师节广播稿
2015/08/19 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android