vue 脚手架修改默认配置

要点：

 在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关闭语法检查