vue 脚手架修改默认配置

本文介绍了如何在Vue项目中关闭语法检查,通过在vue.config.js中设置lintOnSave为false。同时,解释了当修改main.js文件名时出现的错误,原因是webpack配置中的webpage.config.js。修改该文件并不能直接解决问题,正确做法是创建与webpage.json同级的vue.config.js文件进行入口路径的修改。修改后需重启项目(npm run serve)以应用改动。注意vue.config.js中需要保持至少一项配置,否则会导致错误。此外,还提及了eslint等语法检查工具,并提供了关闭自动检查的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要点:

 在vue.config.js里配置lintOnSave :false关闭语法检查

 

 

如果修改mian.js的名字就会报错

这是因为在webpack ===>创建中有webpage.config.js,进行了相关的配置

 

对其文件进行打开,并搜main.js

index.html 

 而且在这文件里修改了也没用,只是用来修改的

下图红色框文件名不能改,粉色框可以改

 在vue官网cli配置

可以看到的就可以改

 

 修改方法:创建与webpage.json同级的vue.config.js

 

这边要区分,红色框的是对vue运行的调整

而绿色框则是对脚手架的调整 

 

page一般都是对一些入口的修改

复制到vue.config.js文件上,发现这边使用的是common暴露,因为webpage写node.js使用的就是common暴露,所以,其实就是把要修改的内容写在vue.config.js文件上,之后脚手架会让它和核心的配置文件对比,进行修改,保护核心配置文件的安全性。

 

 然后我们验证:

修改入口路径,而且当修改了vue.config.js文件后,必须对项目进行重新启动, npm run serve才行

启动成功

 :

注:

但是千万不要在里面一个配置项都不写,或者注释掉也不行,否则就会报错

语法检查

只要一开始创建项目的时候,配置了eslint就会有自动检查语法,如果定义了一个方法或者变量等等不用也会报错

eslint jslint jshint就是用于语法检查的

 怎么把它关闭

 使用intOnSave

在vue.config.js里配置lintOnSave :false关闭语法检查

 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值