项目安装流程
1 先安装node 版本不能太低
2 全局安装 脚手架 npm install -g @vue/cli-init
3 安装webpack模板项目 vue init webpack my-project
4 安装其他项目依赖 比如 vue-router axios vuex css-loader sass-loader/less-loader element-ui echarts 等等
根据项目需要存放位置 项目运行时候需要用到的 -save 否则使用-save-dev
5 对依赖的引用 配置
(1)element UI main.js里面引用
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css
Vue.use(ElementUI)
(2) axios(vuex类似)main.js里面引用
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
(3)css-loader build/webpack.base.conf.js或者config.js(见下一篇的webpack.base.conf.js)
(4)跨域的配置
config的index.js 里面配置代理
proxyTable: {
'/api': {
target:'http://47.92.26.132:8080',
changeOrigin:true,
pathRewrite:{
'^/api':'/'
}
}
},