本系统采用的技术栈是vue2、vue-router、vuex、element-ui、axios等。
首先进行系统环境搭建,使用vue-cli脚手架创建vue项目
vue create 项目名称
采用自定义预设来进行项目配置
- 需要vue2版本
- 需要babel
- 需要vue-router
- 需要vuex
- 需要eslint
- 需要less
安装所需要的组件库以及工具
npm i element-ui -S 安装element-ui组件库
封装一个element UI文件夹,在这里进行组件的注册以及引用
import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)然后在main.js中进行引入,使其参与webpack打包
import '@elementUI'
npm i axios 安装axios
删除掉自动生成的文件,为项目创建做准备。 然后使用git版本管理工具,将项目使用git push 推送到远程仓库。