8 前台使用elementui,bootstrap,jQuery

element-ui页面组件框架

安装:前端项目目录下的终端
cnpm install element-ui
配置:main.js
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

bootstrap页面组件框架

安装:前端项目目录下的终端
cnpm install jquery
cnpm install bootstrap@3
配置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"]
            })
        ]
    }
};
配置bootstrap:main.js
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

 

上一篇:vue.config.js 修改项目启动端口


下一篇:30 celery的基本使用-执行异步任务