vue插件及修改ip啟動端口解析
element-ui插件
element-ui就類似于BootStrap框架,前者是在vue項目中運用,后者是在原生項目中運用,當(dāng)然也可以在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啟動端口解析的詳細(xì)內(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)限,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06vue動態(tài)路由實現(xiàn)多級嵌套面包屑的思路與方法
在實際項目中我們會碰到多層嵌套的組件組合而成,比如我們常見的面包屑導(dǎo)航,下面這篇文章就來給大家介紹關(guān)于vue實現(xiàn)動態(tài)路由多級嵌套面包屑的思路與方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08vue中v-for和v-if一起使用之使用compute的示例代碼
這篇文章主要介紹了vue中v-for和v-if一起使用之使用compute的相關(guān)知識,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05Vue實現(xiàn)當(dāng)訪問的路由不存在時跳轉(zhuǎn)到404頁面的方法詳解
在 Vue3 中,可以使用 Vue Router 實現(xiàn)跳轉(zhuǎn)到 404 頁面,即當(dāng)用戶訪問一個不存在路由時,系統(tǒng)會默認(rèn)跳轉(zhuǎn)到 404 頁面,本文給大家介紹了一個簡單的實現(xiàn)方法,需要的朋友可以參考下2023-12-12