使用 vue-cl4 的GUI 创建vue项目并引入elementUI

1. 打开 cmd 并运行 vue ui 会自动打开vue-cli的UI界面

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

 2. 创建项目

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

创建完成后自动调转UI界面 

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

项目目录 

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

 3. 引入elementUI 

点击 [插件] → [添加插件] → 搜索elementUI → 选择 vue-cli-plugin-element

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

4. 启动项目

使用 vue-cl4 的GUI 创建vue项目并引入elementUI

如果项目首页出现了elementUI的 el-button 证明引入elementUI成功

使用 vue-cl4 的GUI 创建vue项目并引入elementUI