本文主要是介绍vue插件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

element-ui插件

"""
element-ui就类似于BootStrap框架，前者是在vue项目中运用，后者是在原生项目中运用，当然也可以在vue项目中运用

环境搭建：
1）安装：在前端项目根目录下的终端
cnpm install element-ui

2）配置：main.js
//element-ui环境
import ElementUI from 'element-ui'
Vue.use(ElementUI);
import 'element-ui/lib/theme-chalk/index.css';

3）使用：根据视频和官方API接口
https://element.faas.ele.me/#/zh-CN/component/installation
"""

jq+bs插件

"""
一、jq环境搭建：
1）安装：在前端项目根目录下的终端
cnpm install jquery

2）配置：自己在项目根目录下新建 vue.config.js
const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.$": "jquery",
                "window.jQuery": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
 	}
};

二、bs环境搭建：
1）安装：在前端项目根目录下的终端
cnpm install bootstrap@3

2）配置：在src下的min.js中写入：
import BootStrap from "bootstrap"
import "bootstrap/dist/css/bootstrap.css"
Vue.use(BootStrap)
"""

修改ip启动端口

注意：这个文件修改了需要重启服务

module.exports = {
    devServer:{
        port:8888,
    }
};

这篇关于vue插件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！