vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（一）初始化项目

建立项目 learn

直接在工做空间下用vue-cli来建立
vue init webpack learn

安装依赖

执行
cnpm i
cnpm run dev

成功的话讲出现这个画面

正式开始写项目

一、首先修改项目结构
目前的结构

• 新建一个vuex文件夹，用来管理部分状态，好比 登陆

里面新建一个store.js

• 新建一个api文件夹，用来写axios的请求借口,里面放一个api.js

• 新建一个data文件夹，用来存放或模拟数据，放一个data.js

• 里面放空内容就行

如今的结构

二、在main.js里面引入vuex element等

三、修改App.vue文件代码，确认element是否引入成功
代码
输出：
说明是没有问题的

---

组件规划和写路由结构

预想中要实现的功能：

• 主页 home

• 商品展现 products

• 使用帮助 FAQ

• 用户操做 manger

  • 用户信息 manger/my

  • 发货管理 manger/send

  • 历史发货 manger/history

• 登陆 login

• 注册 regin