如何使用vue-cli脚手架搭建项目？

安装vue脚手架大概步骤：

1 . 先配置淘宝镜像环境，为了防止下载过慢的情况下。

2 . 然后配置npm i -g @vue/cli

3 . 切换到要创建目录的文件夹，然后vue create xxx(项目名称)

4 . 使用编辑器打开

5 . 使用npm run serve运行项目

下面是关于安装过程的详细介绍！

1 . 可以先进行配置淘宝镜像，这是在npm i -g @vue/cli之前进行的！配置淘宝镜像的好处是可以让你在安装的时候，效率更高，速度更快一些。能节省下来更多的时间。

当然了，如果你说要是忘记了自己是否安装过淘宝镜像，也可以重新来一遍。都是没有任何问题的。

设置淘宝镜像代码：npm config set registry https://registry.npm.taobao.org

2. 安装vue脚手架（命令：npm i -g @vue/cli）

安装的过程中，可能会出现黄色警告，但是不要管，这都是无关紧要的。安装完成后，把当前的命令行窗口进行关闭，然后cmd打开一个新的命令行窗口，输入vue，出现以下内容，代表vue-cli安装成功。

3 . 然后切换到自己创建项目的一个文件夹。例如我想创建一个名称为app的项目，可以进行如下操作。

使用npm run serve运行项目，当启动起来之后，按住ctrl键点击local地址。

4. 当出现这个页面后，代表成功啦！你就可以发挥写vue代码啦！