VueCLI3如何更改安装时的包管理器为yarn或npm

曾经终败给现在 2023-10-11 14:11 25阅读 0赞

在执行 vue create project 后如果显示如下 npm run serve 则表示你使用的是npm创建的项目。

![format_png][]

如果显示如下 yarn serve 则表示此项目为yarn创建。

![format_png 1][]

###  ###

### 那如何切换包管理器呢？ ###

在[VueCLI3官网][VueCLI3]有如下一段描述：

![format_png 2][]

注意最后一句，明确的说明了包管理器和淘宝npm镜像源会存入 ~/.vuerc

此文件如果是windows环境，则存在了 C:/user/administrator/ 下：

![format_png 3][]

打开此文件：

![format_png 4][]

只需手动更改配置内容npm为yarn，即可更改创建项目时的包管理器了（亦可删除 .vuerc 文件重新运行 vue create xx 选择配置）

而 .vuerc 文件是在初次使用 vue create xx 时进行提示选择配置：

![format_png 5][]

之后就会按照第一次选择的配置进行安装，不再重复提示选择包管理器。

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNTA0MDU3NDQtNTQzNjI3ODY2LnBuZw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNTM5NTk3NzgtNDc2MzUzMzIxLnBuZw?x-oss-process=image/format,png
[VueCLI3]: https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNTQxMzQ4MjktNDc0MTQxNDI3LnBuZw?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNDQ4NDAwNjctMTU5NDY0NDQzMi5wbmc?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNTQ0MDE0MzgtMzI3MjM3NDMyLnBuZw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvOTc5NDczLzIwMTgxMi85Nzk0NzMtMjAxODEyMDQxNDU2MjQ3ODctMjA1NDgyOTc2NC5wbmc?x-oss-process=image/format,png