操作步骤

第一步:打开 “cmd" 命令行面板

使用vue cli3快速搭建项目_创建项目

我是在Vs Code 里面打开的,大家随意哈

第二步:输入命令 “vue ui”

打开UI控制面板等待时间可能会比较长,根据自己电脑性能而定,需耐心等待。

使用vue cli3快速搭建项目_新建项目_02

使用vue cli3快速搭建项目_新建项目_03

第三步:点击 Vue项目管理器

使用vue cli3快速搭建项目_ios_04

使用vue cli3快速搭建项目_初始化_05

 第四步:新建项目,点击 “创建” 按钮

使用vue cli3快速搭建项目_ios_06

点击 “在此创建新项目” 的时候,选择对项目存放路径

使用vue cli3快速搭建项目_新建项目_07

注意,有的同志会疑惑这里为什么会报错,是因为你在第一步输入“vue ui“ 的文件夹 就是 你的根目录了,没办法再往上了,这是框架规则,没有为什么

使用vue cli3快速搭建项目_vue.js_08

使用vue cli3快速搭建项目_初始化_09

在这里,你可以选择以前预设好的配置,下面我们选择 手动的 为大家进行详细讲解

使用vue cli3快速搭建项目_ios_10

 

使用vue cli3快速搭建项目_新建项目_11

使用vue cli3快速搭建项目_vue.js_12

点击创建项目

使用vue cli3快速搭建项目_初始化_13

输入 预设名 ,保存预设,方便下次使用

使用vue cli3快速搭建项目_新建项目_14

第五步:等待项目的创建

使用vue cli3快速搭建项目_vue.js_15

在”cmd"控制面板是可以看到安装进度的

使用vue cli3快速搭建项目_vue.js_16

安装成功界面

使用vue cli3快速搭建项目_初始化_17

第六步:配置环境(安装一些库)

1、配置 Element-UI 组件库

使用vue cli3快速搭建项目_初始化_18

使用vue cli3快速搭建项目_vue.js_19

使用vue cli3快速搭建项目_vue.js_20

下面这一步 选择 按需导入

 使用vue cli3快速搭建项目_新建项目_21

安装完成

使用vue cli3快速搭建项目_新建项目_22

2、配置 axios 

使用vue cli3快速搭建项目_初始化_23

使用vue cli3快速搭建项目_初始化_24

安装完成

使用vue cli3快速搭建项目_创建项目_25

好了,讲到这里,我们的Vue项目初始化基本上完成了。