vue-cli 安装时切换包管理器（npm或pnpm等）安装

pnpm是一款备受关注的新的包管理器，当下载了pnpm之后，通过vue-cli脚手架生成vue项目时，你可能会看到

假定我们选择了pnpm之后，下次安装新项目时直接会通过pnpm下载依赖，而不是再次询问！

那怎么才能更改呢？

方法一、 仅对本次创建的项目指定某包管理器

vue create 命令有一些可选项，你可以通过运行以下命令进行探索：

vue create --help

用法：create [options] <app-name>

创建一个由 `vue-cli-service` 提供支持的新项目


选项：

  -p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
  -d, --default                   忽略提示符并使用默认预设选项
  -i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
  -m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
  -r, --registry <url>            在安装依赖时使用指定的 npm registry
  -g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息
  -n, --no-git                    跳过 git 初始化
  -f, --force                     覆写目标目录可能存在的配置
  -c, --clone                     使用 git clone 获取远程预设选项
  -x, --proxy                     使用指定的代理创建项目
  -b, --bare                      创建项目时省略默认组件中的新手指导信息
  -h, --help                      输出使用帮助信息

因此，假如你这次项目想通过npm来安装你可以

vue create -m npm test

方法二、找到.vuerc文件并修改

~/.vuerc
被保存的 preset 将会存在用户的 home 目录下一个名为 .vuerc 的 JSON 文件里。如果你想要修改被保存的 preset / 选项，可以编辑这个文件。
在项目创建的过程中，你也会被提示选择喜欢的包管理器或使用淘宝 npm 镜像源以更快地安装依赖。这些选择也将会存入 ~/.vuerc。

这下我们知道了为什么选择了包管理器之后，下次会默认通过之前选择的方式下载依赖了！
我们找到.vuerc文件， 我的是在C:\Users\xxx 下，

{
  "useTaobaoRegistry": true,
  "latestVersion": "4.5.15",
  "lastChecked": 1639917344017,
  "packageManager": "pnpm" //改这里！！！
}

直接修改packageManager。或者删了，下次安装时会继续让你选择安装方式，保存在此文件中。

方法三、通过vue-cli的命令修改
查看vue-cli支持的命令

vue --help

Commands:
  create [options] <app-name>                create a new project powered by vue-cli-service
  add [options] <plugin> [pluginOptions]     install a plugin and invoke its generator in an already created project
  invoke [options] <plugin> [pluginOptions]  invoke the generator of a plugin in an already created project
  inspect [options] [paths...]               inspect the webpack config in a project with vue-cli-service
  serve [options] [entry]                    serve a .js or .vue file in development mode with zero config
  build [options] [entry]                    build a .js or .vue file in production mode with zero config
  ui [options]                               start and open the vue-cli ui
  init [options] <template> <app-name>       generate a project from a remote template (legacy API, requires @vue/cli-init)
  config [options] [value]                   inspect and modify the config
  outdated [options]                         (experimental) check for outdated vue cli service / plugins
  upgrade [options] [plugin-name]            (experimental) upgrade vue cli service / plugins
  migrate [options] [plugin-name]            (experimental) run migrator for an already-installed cli plugin
  info                                       print debugging information about your environment

  Run vue <command> --help for detailed usage of given command.

输入vue config --help查看config 下的命令

Usage: config [options] [value]

inspect and modify the config

Options:
  -g, --get <path>          get value from option
  -s, --set <path> <value>  set option value
  -d, --delete <path>       delete option from config
  -e, --edit                open config with default editor
  --json                    outputs JSON result only
  -h, --help                output usage information

输入vue config 你会发现输出的就是.vuerc文件的值！

Resolved path: C:\Users\xxx\.vuerc
 {
  "useTaobaoRegistry": true,
  "latestVersion": "4.5.15",
  "lastChecked": 1639917344017,
  "packageManager": "pnpm"
}

假如我们要把包管理器改为npm，我们可以输入

vue config --set packageManager npm

改完之后， 通过

vue config --get packageManager

验证一下！嗯！的确改为npm了！

总结

1.我们学会了使用–help 输出帮助内容
2.我们找到了vue-cli的预置配置保存在哪
3.我们学会了通过三种方法更改包管理器