• Vue使用脚手架(VueCLI)搭建项目时,包管理器(npm、Yarn、pnpm等)的选择问题


     问题描述:

    我们电脑上安装了 Yarn 、 pnpm等包管理器,然后通过脚手架 vue create的方式去搭建项目时,在最后一步会提示我们选择使用哪个包管理器如下图所示: 

     

    然而当我们选择完之后进行安装,当然是没问题的,有问题的是我们在下次以及以后再通过脚手架的方式去安装的时候,他就会直接默认选择我们第一次选择的包管理器了,假设我们第一次选择的pnpm,那么以后再创建项目的时候,就没有提示我们使用什么包管理器了,就默认使用我们第一次选择的pnpm了,直接剥夺选择权了哈哈哈

    当然是可以修改的了

    当我们第一次选择完使用什么包管理器的时候,就会默认在我们电脑的 C:\Users\xxx下生成一个.vuerc的文件,这个文件里面就记录着我们使用脚手架创建项目的时候,做的一些选择,都会在这里记录。如下:

    1. {
    2. "useTaobaoRegistry": false,
    3. "latestVersion": "5.0.8",
    4. "lastChecked": 1657963101210,
    5. "presets": {
    6. "wft-project": {
    7. "useConfigFiles": true,
    8. "plugins": {
    9. "@vue/cli-plugin-babel": {},
    10. "@vue/cli-plugin-router": {
    11. "historyMode": false
    12. },
    13. "@vue/cli-plugin-vuex": {},
    14. "@vue/cli-plugin-eslint": {
    15. "config": "prettier",
    16. "lintOn": [
    17. "save"
    18. ]
    19. }
    20. },
    21. "vueVersion": "2",
    22. "cssPreprocessor": "dart-sass"
    23. }
    24. },
    25. "packageManager": "pnpm"
    26. }

    其中的 packageManager 就是记录着我们当时选择的是什么包管理器,所以我们如果想创建的时候默认使用什么包管理器,就可以在这里改,如果没有这个文件,就是我们直接删除掉,那么我们在搭建项目的时候就会提示我们的。

    但是这样看来很麻烦呢,每次创建项目的时候都得手动去找该文件进行修改吗? 作为程序猿的我们肯定受不了

    我们可以通过下面的方式来进行修改

    首先我们可以通过vue config命令来查看.vuerc中的配置 

    vue config

     

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

    vue config --help

     

    输入 vue config --get packageManager 可以查看当前我们使用的包管理器 

    vue config --get packageManager

     

    输入 vue config --set packageManager npm 来进行修改包管理器

    vue config --set packageManager npm

    修改完我们可以再看下我们的当前的包管理器 

     

     可以看到已经修改为npm了

    这样再vue create 创建项目就可以喽 

    总结一下就是: 

    我们在创建项目之前先 

    1. 我们先通过 vue config --get packageManager 命令查看我们当前使用的包管理器,如果报错了,基本就是没有.vuerc文件,这个时候直接创建项目就可以,最后会提示我们使用什么包管理器的。

    2. 如果没有报错,那么就可以查看到我们当前使用的是什么包管理器,如果想修改的话,就通过 vue config --set packageManager <包管理工具> 就可以了

    3. 接着就我们vue create 搭建就可以了

  • 相关阅读:
    基于Halcon的图像增强算子以及分类例程汇总
    【Linux-day11-线程的创建与同步】
    生还是不生? SpringBoot3 版本有起飞前兆,最小依赖Java17!
    获取虎牙直播源
    【限时】21天学习挑战赛 - 经典算法
    Perl语言入门学习
    .NET MAUI 社区工具包 1.3版本发布
    网络路径监控分析
    最新IE跳转Edge浏览器解决办法(2024.2.29)
    java版网页代码生成器系统myeclipse定制开发mysql数据库网页模式java编程jdbc生成无框架java web网页
  • 原文地址:https://blog.csdn.net/m0_51431448/article/details/127853698