vue-cli初次创建项目保存预留设置如何去掉

vue-cli初次创建项目保存预留设置如何去掉

场景分析

我们在使用vue-cli构建项目的时候,每次初始化的时候都会出现一些配置选项,通常情况下,我们是根据每次的需求来选择不同的配置项

但是 如果哪次你选择了偷懒,在最后一步的时候 save this as a preset for futrue project 选择了yes .那么系统会给你保存这次的配置作为默认配置,当你下次创建项目的时候,直接按照保存配置来创建新的项目. 虽然这种方式,对于前期来说一劳永逸.但是随着vue-cli的版本升级和优化 ,后面初始化项目的时候或多或少的出现一些变化, 这个时候 问题来了 . 我们在创建项目的时候想自主选择都不行了 ,因为之前保存的 preset会自动构建

问题解决

遇到问题了之后一头雾水 , 在百度上根据关键字搜索了一遍 .没有找到任何关于这项说明的词条 . 最后在cli官网找到相关说明.

这里说明 ,当你选择了保存配置之后,会在系统自动创建一个.vuerc的文件.一般次文件位置都是未指定的. windows用户文件在C:\Users\Administrator 下面, 注意这个Administrator是你自己电脑的用户名称.

打开文件,你可以看到相关的默认设置 ,在这里 你可以去掉 或者添加需要的配置

{
"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

• 这里是是否保存这次配置作为模版,如何确定就回到这个主题的问题说在,最好是选择否
• 剩下的一直点回车,再等待项目创建完成