vue插件及修改ip啟動端口解析

更新時間：2022年04月18日 14:50:19 作者：Jeff的技術(shù)棧

這篇文章主要為大家介紹了vue插件及修改ip啟動端口的解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪

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)文章

基于vue3&element-plus的暗黑模式實例詳解
實現(xiàn)暗黑主題的方式有很多種,也有很多成型的框架可以直接使用,下面這篇文章主要給大家介紹了關(guān)于基于vue3&element-plus的暗黑模式的相關(guān)資料,需要的朋友可以參考下
2022-12-12
如何修改vant的less樣式變量
這篇文章主要介紹了如何修改vant的less樣式變量方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07
詳解nuxt sass全局變量(公共scss解決方案)
這篇文章主要介紹了詳解nuxt sass全局變量(公共scss解決方案)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
Vue3使用echarts tree高度自適應(yīng)支持滾動查看功能
這篇文章主要介紹了Vue3使用echarts tree高度自適應(yīng)支持滾動查看功能,文章同通過代碼示例介紹的非常詳細(xì),具有一定的參考價值,需要的朋友可以參考下
2024-06-06
Vue實現(xiàn)簡單的發(fā)表評論功能
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)簡單的發(fā)表評論功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
vue.js動畫中的js鉤子函數(shù)的實現(xiàn)
這篇文章主要介紹了vue.js動畫中的js鉤子函數(shù)的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
vue3中的useAttrs和props的區(qū)別解析
在vue3中,?提供了一個?useAttrs?的方法它接收到的參數(shù)一?prop中可以接收到的數(shù)據(jù)是基本一樣的如果我們想自已寫一個組件,?把?elementPlus?中的期中一個組件封裝一下,這篇文章主要介紹了vue3中的useAttrs和props的區(qū)別,需要的朋友可以參考下
2023-09-09
解決el-date-picker日期選擇控件少一天的問題
這篇文章主要介紹了解決el-date-picker日期選擇控件少一天的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
uniapp和vue如何獲取屏幕或盒子內(nèi)容的寬高
在實際開發(fā)中我們會遇到不確定高度的情況,下面這篇文章主要給大家介紹了關(guān)于uniapp和vue如何獲取屏幕或盒子內(nèi)容的寬高,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-02-02
vue-cli 環(huán)境變量 process.env的使用及說明
這篇文章主要介紹了vue-cli 環(huán)境變量 process.env的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12