vue脚手架安装及创建项目包详细步骤

首先，检查是否已安装node.js，检查方法cmd窗口打开，输入node -v（node版本号要在12~16）

若没有安装，可以到nodejs官网下载与电脑适配的node.js文件

安装方式：傻瓜式安装，next到最后，finish即可

查看镜像: npm config get registry

接下来设置成淘宝镜像：npm config set registry https://registry.npm.taobao.org/  这一步不是必要的，但是可以提高后面的下载速度。

设置好后可以再次查看镜像，检查是否成功替换

接下来安装vue脚手架，输入npm i -g @vue/cli进行全局安装，显示如下表示已安装成功

也可以输入vue -V（此处是大写V）检查是否成功安装

PS常见错误：

1. -4048：用管理员模式打开
2. 显示很长一大堆报错：重装node
3. 卡住不动：换个网络或等等...

最后生成项目包，在哪个目录下执行命令，就在哪里生成项目包，并且确保目录下没有同名的文件，例如我在D盘生成我项目包，输入vue create my-project创建my-project文件夹（文件夹名称可以随意，注意不能出现大写字母）

 项目创建好之后，会出现以下窗口，用上下箭头选择手动配置，详细安装步骤看图中文字

 

以下选项可以直接按回车，采用默认配置即可

 配置过程有些漫长，喝几杯开水等等就好了，成功后会出现以下提示

 

在项目包目录下开启cmd，启动项目包中的自带服务器npm run serve，成功后界面如下

最后，复制网址到浏览器访问，可以看到默认项目界面，创建完成