一 环境配置
第一步:下载node.js并安装环境:https://nodejs.org/zh-cn/
第二步: 安装vue-axios框架,npm install --save axios vue-axios
第三步: 安装vue-cli 框架,npm install vue-cli -g
二 创建项目
第四步:创建一个初始化webpack vue项目,vue init webpack myvue
第五步:安装依赖包,cd myvue进入项目 npm install
第六步:启动项目, npm run dev
三 插件组件安装
安装打包webpack服务:nmp install webpack -g 验证:webpack -v
安装打包webpack客户端 npm install webpack-cli -g
路由:vue-router
1.安装:项目路径下 npm install vue-router --save-dev
2.引用:import VueRouter from “./vue-router”
显示申明:Vue.use(VueRouter)
UI组件:element-ui
npm i element-ui -s
SASS加载器
npm install sass-loader node-sass --save-dev
插件:
1.UI框架:element-ui ui
2.路由:vue-router
2.axios:http请求工具
2.ECharts :图形化工具
表格下拉工具:vue-table-with-tree-grid
Vue-Quill-Editor:富文本工具
优化插件
NProgress:请求进度条
项目优化