vue插件及修改ip啟動(dòng)端口解析
element-ui插件
element-ui就類似于BootStrap框架,前者是在vue項(xiàng)目中運(yùn)用,后者是在原生項(xiàng)目中運(yùn)用,當(dāng)然也可以在vue項(xiàng)目中運(yùn)用
環(huán)境搭建:
1)安裝:在前端項(xiàng)目根目錄下的終端
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)安裝:在前端項(xiàng)目根目錄下的終端
cnpm install jquery
2)配置:自己在項(xiàng)目根目錄下新建 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)安裝:在前端項(xiàng)目根目錄下的終端
cnpm install bootstrap@3
2)配置:在src下的min.js中寫入:
import BootStrap from "bootstrap" import "bootstrap/dist/css/bootstrap.css" Vue.use(BootStrap)
修改ip啟動(dòng)端口
注意:這個(gè)文件修改了需要重啟服務(wù)
module.exports = {
devServer:{
port:8888,
}
};

以上就是vue插件及修改ip啟動(dòng)端口解析的詳細(xì)內(nèi)容,更多關(guān)于vue插件修改ip啟動(dòng)端口的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
基于vue3&element-plus的暗黑模式實(shí)例詳解
實(shí)現(xiàn)暗黑主題的方式有很多種,也有很多成型的框架可以直接使用,下面這篇文章主要給大家介紹了關(guān)于基于vue3&element-plus的暗黑模式的相關(guān)資料,需要的朋友可以參考下2022-12-12
Vue3使用echarts tree高度自適應(yīng)支持滾動(dòng)查看功能
這篇文章主要介紹了Vue3使用echarts tree高度自適應(yīng)支持滾動(dòng)查看功能,文章同通過代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2024-06-06
Vue實(shí)現(xiàn)簡(jiǎn)單的發(fā)表評(píng)論功能
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)單的發(fā)表評(píng)論功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10
vue.js動(dòng)畫中的js鉤子函數(shù)的實(shí)現(xiàn)
這篇文章主要介紹了vue.js動(dòng)畫中的js鉤子函數(shù)的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
vue-cli 環(huán)境變量 process.env的使用及說明
這篇文章主要介紹了vue-cli 環(huán)境變量 process.env的使用及說明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12

