vue-cli 创建vue3项目遇到的问题及解决办法

---

前言

前面文章使用vuecli 快速创建vue3项目在安装包时安装不了，这编文章讲解下如何能成功安装起

在使用vue create hello-world 时选择安装上面的包会报错"info There appears to be trouble with your network connection. Retrying…"

而package.json里面devDependencies只有下面的包，明显不正常。

解决办法：

1、安装@vue/cli包

安装npm install -g @vue/cli 报错
如果npm 安装不了，可以使用cnpm 淘宝镜像安装
使用“管理员：Windows PowerShell”，再运行npm install -g @vue/cli 这时安装成功

2、yarn 问题

上面第1步安装成功后，再使用vue create hello-world创建项目还是提示错误信息“info There appears to be trouble with your network connection. Retrying…”，仔细错误信息：yarn install v1.13.0安装，估计是yarn的问题，取消了安装

3、修改默认包管理器

已经是npm不用修改

修改vue create 安装默认包管理器，在网上搜索了下，修改vue create 默认包安装器在.vuerc文件，路径（C:\Users\你的系统名称.vuerc）如下图：

4、重新建立项目

为了不和hello-word项目搞混，我重新执行：vue create vue3-demo，换了个项目名称，选择配置还是和之前一样

5、项目安装成功，文件夹里面的文件也正常

6、预览

cd vue3-demo
npm run serve

---

总结

总结下吧，原因可能有以下几种：
1、最终可能是yarn安装器的问题，版本可能太低
2、访问不了github资源包，连接超时