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 相关文章推荐
网页设计常用的一些技巧
Dec 22 Javascript
javascript之更有效率的字符串替换
Aug 02 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
原生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/13 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
PHP添加文字水印或图片水印的水印类完整源代码与使用示例
2019/03/18 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
2015/03/05 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
express启用https使用小记
2019/05/21 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
详解python发送各类邮件的主要方法
2016/12/22 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
详解django三种文件下载方式
2018/04/06 Python
Python交互环境下实现输入代码
2018/06/22 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
JSF的标签库有哪些
2012/04/27 面试题
《我为你骄傲》教学反思
2014/02/20 职场文书
大学生个人求职信
2014/06/02 职场文书
中学生思想品德评语
2014/12/31 职场文书
趣味运动会通讯稿
2015/07/18 职场文书
2016年班主任新年寄语
2015/08/18 职场文书
2016年清明节寄语
2015/12/04 职场文书