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启动端口的资料请关注脚本之家其它相关文章!
相关文章
el-select如何获取当前选中的对象所有(item)数据
在开发业务场景中我们通常遇到一些奇怪的需求,下面这篇文章主要给大家介绍了关于el-select如何获取当前选中的对象所有(item)数据的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
最新评论