Luffy - Front Configuration

luffy reception Configuration

Taiwan before and after the interaction axios

Under the front end of the terminal project directory: Installation
>: cnpm install axios
Configuration: main.js
import axios from 'axios'
Vue.prototype.$axios = axios;

Operating cookies

Under the front end of the terminal project directory: Installation
>: cnpm install vue-cookies
Configuration: main.js
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

page assembly frame element-ui

Under the front end of the terminal project directory: Installation
>: cnpm install element-ui
Configuration: main.js
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

// bootstrap+jq配置:cnpm install jquery、cnpm install bootstrap@3
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

bootstrap page component framework

Under the front end of the terminal project directory: Installation
>: cnpm install jquery
>: cnpm install bootstrap@3
Configuration jquery: vue.config.js
const webpack = require("webpack");

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.jQuery": "jquery",
                "window.$": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
    }
};
Configuration bootstrap: main.js
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

Guess you like

Origin www.cnblogs.com/DcentMan/p/11844509.html