vue插件及修改ip啟動端口解析
element-ui插件
element-ui就類似于BootStrap框架,前者是在vue項目中運用,后者是在原生項目中運用,當然也可以在vue項目中運用
環(huán)境搭建:
1)安裝:在前端項目根目錄下的終端
cnpm install element-ui
2)配置:main.js
//element-ui環(huán)境
import ElementUI from 'element-ui'
Vue.use(ElementUI);
import 'element-ui/lib/theme-chalk/index.css';
3)使用:根據(jù)視頻和官方API接口
https://element.faas.ele.me/#/zh-CN/component/installation
jq+bs插件
一、jq環(huán)境搭建:
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環(huán)境搭建:
1)安裝:在前端項目根目錄下的終端
cnpm install bootstrap@3
2)配置:在src下的min.js中寫入:
import BootStrap from "bootstrap" import "bootstrap/dist/css/bootstrap.css" Vue.use(BootStrap)
修改ip啟動端口
注意:這個文件修改了需要重啟服務(wù)
module.exports = {
devServer:{
port:8888,
}
};

以上就是vue插件及修改ip啟動端口解析的詳細內(nèi)容,更多關(guān)于vue插件修改ip啟動端口的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Django Vue實現(xiàn)動態(tài)菜單和動態(tài)權(quán)限
本文主要介紹了Django Vue實現(xiàn)動態(tài)菜單和動態(tài)權(quán)限,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
vue動態(tài)路由實現(xiàn)多級嵌套面包屑的思路與方法
在實際項目中我們會碰到多層嵌套的組件組合而成,比如我們常見的面包屑導航,下面這篇文章就來給大家介紹關(guān)于vue實現(xiàn)動態(tài)路由多級嵌套面包屑的思路與方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08
vue中v-for和v-if一起使用之使用compute的示例代碼
這篇文章主要介紹了vue中v-for和v-if一起使用之使用compute的相關(guān)知識,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
Vue實現(xiàn)當訪問的路由不存在時跳轉(zhuǎn)到404頁面的方法詳解
在 Vue3 中,可以使用 Vue Router 實現(xiàn)跳轉(zhuǎn)到 404 頁面,即當用戶訪問一個不存在路由時,系統(tǒng)會默認跳轉(zhuǎn)到 404 頁面,本文給大家介紹了一個簡單的實現(xiàn)方法,需要的朋友可以參考下2023-12-12

