vue-cli初次创建项目保存预留设置如何去掉
场景分析
我们在使用vue-cli
构建项目的时候,每次初始化的时候都会出现一些配置选项,通常情况下,我们是根据每次的需求来选择不同的配置项
但是 如果哪次你选择了偷懒,在最后一步的时候 save this as a preset for futrue project
选择了yes
.那么系统会给你保存这次的配置作为默认配置,当你下次创建项目的时候,直接按照保存配置来创建新的项目. 虽然这种方式,对于前期来说一劳永逸.但是随着vue-cli的版本升级和优化 ,后面初始化项目的时候或多或少的出现一些变化, 这个时候 问题来了 . 我们在创建项目的时候想自主选择都不行了 ,因为之前保存的 preset
会自动构建
问题解决
遇到问题了之后一头雾水 , 在百度上根据关键字搜索了一遍 .没有找到任何关于这项说明的词条 . 最后在cli官网找到相关说明.
这里说明 ,当你选择了保存配置之后,会在系统自动创建一个.vuerc的文件.一般次文件位置都是未指定的. windows
用户文件在C:\Users\Administrator
下面, 注意这个Administrator
是你自己电脑的用户名称.
![alt](https://img-blog.csdnimg.cn/img_convert/19472a25293e4320a48f46ece13d3565.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjk=,g_se,x_0,y_0,t_100)
打开文件,你可以看到相关的默认设置 ,在这里 你可以去掉 或者添加需要的配置
{
"useTaobaoRegistry": true,
"latestVersion": "4.5.4",
"lastChecked": 1599700651327,
"presets": {
"vue-cli init": {
"useConfigFiles": false,
"plugins": {
"@vue/cli-plugin-babel": {},
"@vue/cli-plugin-router": {
"historyMode": true
},
"@vue/cli-plugin-vuex": {},
"@vue/cli-plugin-eslint": {
"config": "base",
"lintOn": [
"save"
]
},
"@vue/cli-plugin-unit-jest": {}
},
"cssPreprocessor": "node-sass"
}
}
}
如果实在是不知道如何选择配置,可以直接删掉该文件.然后vue-cli构建项目的时候会自动回到最初的状态
vue-cli 构建项目步骤说明
-
vue create myproject
-
选择 Manually select features
-
使用选择需要的配置 空格键为选择和取消 -
这里是语法严格模式配置 分别是 保存检测 提交检测 标准配置 可以选第一个或者最后一个 -
选择配置文件使用 package.json
-
这里是是否保存这次配置作为模版,如何确定就回到这个主题的问题说在,最好是选择否 -
剩下的一直点回车,再等待项目创建完成