vue-cli3 搭建项目

一、创建项目

通过‘vue create 项目名称’创建，如果你没有安装vue-cli3或者安装的vue-cli版本较低，会有如下提示，按提示操作即可。

npm uninstall -g vue-cli // 若之前全局没有安装过vue-cli则无需执行

npm install -g @vue/cli // 安装vue-cli3

image.png

安装好vue-cli3后继续执行：
vue create vue-element-pro（项目名称）

image.png

二、启动项目

cd vue-element-pro // cd 进入搭建好的项目

yarn serve // 启动项目，这里我的包管理器用的是yarn , 用npm run serve也可以启动，效果一样

这是搭建成功后的目录结构：

image.png

启动项目成功：

image.png

启动后的页面：

image.png