vue插件及修改ip启动端口解析

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插件及修改ip启动端口解析的详细内容，更多关于vue插件修改ip启动端口的资料请关注0133技术站其它相关文章！