依赖
npm install
css编译sass
npm install node-sass --save-dev
npm install sass-loader --save-dev
axios引入
npm install axios -S
// axios
Vue.prototype.$axios = axios;
import global from './components/apicom/apicom'
axios.defaults.withCredentials = true; //让ajax携带cookie
import axios from 'axios';
Vue.prototype.api = global.apicom // 绑定原型链的公共api
element-ui引入
npm i element-ui -S
// element-ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
mint-ui引入
npm i mint-ui -S
// mint-ui
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)
md5加密引入
md5加密(https://blog.csdn.net/skyblacktoday/article/details/80255348?tdsourcetag=s_pcqq_aiomsg)
npm install --save js-md5
import md5 from 'js-md5';
md5('holle')
animate安装
vue里用动画效果(https://daneden.github.io/animate.css/?tdsourcetag=s_pcqq_aiomsg)
文档解释(https://www.cnblogs.com/rlann/p/7192535.html?tdsourcetag=s_pcqq_aiomsg)
npm install animate.css --save
echarts 折线图引入
npm install echarts --save
// 引入echarts折线图
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
//引入高德地图
npm install vue-amap --save
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
key: '7379e88c421f576018174c8d99e9faf0',
plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor', 'AMap.Geolocation', 'AMap.Geocoder'],
// 默认高德 sdk 版本为 1.4.4
v: '1.4.4'
});