Vue的UI网页创建和引入Element组件

第一步，新创建一个文件夹用来生成vue项目

 

 第二步，进入这个文件夹，在路径栏输入CMD打开DOS窗口

 第三步，打开cmd窗口，输入命令：vue ui

 第四步，输入命令后运行，浏览器会自动打开vue ui 网页

 第五步，点击仪表盘上方的文本框，选择Vue项目管理器

 第六步，选择创建

 第七步，选择正确的创建路径（第一步的新建的文件夹）

 第八步，输入项目名（自定义），取消Git下的初始化git仓库

 第九步，点击下一步选择手动

 第十步，选择以下的配置

 第十一步，选择以下的配置

 第十二步，选择创建项目

---

不保存预设

 第十三步，观察是否成功（创建时间根据电脑配置情况决定）

 第十四步，点击依赖

 第十五步，点击安装依赖

第十六步，安装axios（点击安装按钮后可能没什么反应，等待就好）

 第十七步，观察是否安装成功

 第十八步，点击任务，之后点击serve

 第十九步，点击运行

 第二十步，观察是否成功运行

 第二十步，打开第一步创建的文件夹查看是否成功创建

 第二十一步，在此目录的路径框输入CMD打开DOS窗口，输入npm i element-ui -S

第二十二步，观察是否成功运行命令第二十三步，输入npm run serve运行项目

 第二十四步，打开Element网站，点击快速上手

Element - The world's most popular Vue UI framework

 鼠标滚轮下滑找到引入Element，复制以下代码：

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

 第二十五步，打开VSCcode，找到main.js文件

 第二十六步，复制的三条代码粘贴在main.js文件中

 以上，通过UI界面创建项目和引入Element组件全部完毕