使用vue-cli工具搭建vue前端项目

1、环境要求

使用vue-cli搭建vue前端需要一定的前置环境：

①需要配置Node.js环境，并且Vue CLI要求Node.js版本8.9 或更高版本 (推荐 8.11.0+)

②安装完 Node 后建议设置 npm 镜像以加速后面的依赖库下载过程

③使用npm命令安装Vue CLI

具体搭建过程可参考：https://blog.csdn.net/zrcj0706/article/details/103063050

2、搭建vue前端项目

（1）使用vue create搭建

第一步：运行以下命令来创建一个新项目：vue create 项目名，如vue create vue-test。

vue create vue-test

第二步：执行完vue create vue-test，会被提示使用默认项目配置，还是自定义配置，默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更多需要的，初学者建议使用default配置再根据具体需求增加项目内容。（备注：上下键切换，enter键进入）

第三步：进入项目（cd vue-test）并运行项目（npm run serve），在浏览器打开链接

---

（2）使用vue ui图形化界面搭建

通过 vue ui 命令以图形化界面创建和管理项目：

vue ui

上述命令会打开一个浏览器窗口，并会以图形化界面的方式引导项目创建的流程。

图形化界面如下图所示