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)文章
使用vuex的state狀態(tài)對(duì)象的5種方式
本文給大家介紹了使用vuex的state狀態(tài)對(duì)象的5種方式,給大家貼出了我的vuex的結(jié)構(gòu),感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-04-04Django Vue實(shí)現(xiàn)動(dòng)態(tài)菜單和動(dòng)態(tài)權(quán)限
本文主要介紹了Django Vue實(shí)現(xiàn)動(dòng)態(tài)菜單和動(dòng)態(tài)權(quán)限,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06vue動(dòng)態(tài)路由實(shí)現(xiàn)多級(jí)嵌套面包屑的思路與方法
在實(shí)際項(xiàng)目中我們會(huì)碰到多層嵌套的組件組合而成,比如我們常見(jiàn)的面包屑導(dǎo)航,下面這篇文章就來(lái)給大家介紹關(guān)于vue實(shí)現(xiàn)動(dòng)態(tài)路由多級(jí)嵌套面包屑的思路與方法,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-08-08Vue收集表單數(shù)據(jù)和過(guò)濾器總結(jié)
這篇文章主要介紹了Vue收集表單數(shù)據(jù)和過(guò)濾器的相關(guān)知識(shí),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05vue中v-for和v-if一起使用之使用compute的示例代碼
這篇文章主要介紹了vue中v-for和v-if一起使用之使用compute的相關(guān)知識(shí),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05Vue實(shí)現(xiàn)當(dāng)訪問(wèn)的路由不存在時(shí)跳轉(zhuǎn)到404頁(yè)面的方法詳解
在 Vue3 中,可以使用 Vue Router 實(shí)現(xiàn)跳轉(zhuǎn)到 404 頁(yè)面,即當(dāng)用戶訪問(wèn)一個(gè)不存在路由時(shí),系統(tǒng)會(huì)默認(rèn)跳轉(zhuǎn)到 404 頁(yè)面,本文給大家介紹了一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方法,需要的朋友可以參考下2023-12-12