文章目录
- 一、初始化工程
- 1、创建工程
- 2、安装依赖
- 3、启动测试
- 4、用 IDEA 打开
- 5、完善目录结构
- 二、整合 Element UI 代码
- 1、去找一段代码
- 2、复制到项目的组件中
- 3、配置路由
- 4、配置 main.js
- 5、编写 App.vue
- 6、查看效果
一、初始化工程
1、创建工程
vue init webpack vueui 2、安装依赖
vue-router，element-ui，sass-loader 和 node-sass 四个插件
# 进入工程目录
cd vueui
# 安装 vue-router
npm install vue-router --save-dev
# 安装 element-ui，这是官网中说明的安装方式
npm i element-ui -S
# 安装依赖
npm install
# 安装 sass 加载器
npm install sass-loader node-sass --save-dev 3、启动测试
npm run dev 附加：npm 命令解释
4、用 IDEA 打开
5、完善目录结构
在 src 目录下创建目录 router 及其中的 index.js，views（views 中创建视图性的组件，而components 中创建功能性的组件）
二、整合 Element UI 代码
1、去找一段代码
2、复制到项目的组件中
3、配置路由
4、配置 main.js