14_08、luffy前台配置

luffy前台配置

axios前后台交互

安装：前端项目目录下的终端

1	>: cnpm install axios

配置：main.js

1 2	import axios from 'axios' Vue.prototype.$axios = axios;

cookies操作

安装：前端项目目录下的终端

1	>: cnpm install vue-cookies

配置：main.js

1 2	import cookies from 'vue-cookies' Vue.prototype.$cookies = cookies;

element-ui页面组件框架

安装：前端项目目录下的终端

1	>: cnpm install element-ui

配置：main.js

1 2 3

import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);

bootstrap页面组件框架

安装：前端项目目录下的终端

1 2	>: cnpm install jquery >: cnpm install bootstrap@3

配置jquery：vue.config.js

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

const webpack = require("webpack"); module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery", "window.$": "jquery", Popper: ["popper.js", "default"] }) ] } };

配置bootstrap：main.js

1 2	import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css'

← python/MySQL入门/5-Mac安装MySQL db/Elasticsearch系列/03-01-安装nodejs →