vue-cli隨機(jī)生成port源碼的方法
vue-cli隨機(jī)生成port源碼的方法
const portfinder = require('portfinder'); const port = await portfinder.getPortPromise();
兩行代碼
端口搜索范圍
默認(rèn)情況下,portfinder將開始搜索8000并掃描,直到達(dá)到最大端口號(hào)(65535)
源碼的路徑是在node_modules/@vue/cli-service/lib/commands/serve.js
知識(shí)點(diǎn)擴(kuò)展:
vue 隨機(jī)色生成
把標(biāo)題的顏色設(shè)置成隨機(jī)色
<h4 v-rainbow>標(biāo)題隨機(jī)色</h4>
在script寫局部自定義指令(如果想要寫全局的需要在main.js里面書寫)
局部
directives:{ 'rainbow':{ bind(el,binding,vnode){ el.style.color = '#' + Math.random().toString(16).slice(2,8);//隨機(jī)顏色 } }, }
全局(main.js)
Vue.directive("rainbow",{ bind(el,bind,vnode){ el.style.color = '#' + Math.random().toString(16).slice(2,8);//隨機(jī)顏色 } })
總結(jié)
以上所述是小編給大家介紹的vue-cli隨機(jī)生成port源碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
vue中使用echarts實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)綁定以及獲取后端接口數(shù)據(jù)
總結(jié)一下自己最近項(xiàng)目中用echarts動(dòng)態(tài)獲取接口數(shù)據(jù)并畫圖的方法,下面這篇文章主要給大家介紹了關(guān)于vue中使用echarts實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)綁定以及獲取后端接口數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-07-07學(xué)習(xí)Vue框架中必掌握的重點(diǎn)知識(shí)
這篇文章主要介紹了學(xué)習(xí)Vue中必掌握的重點(diǎn)知識(shí),想了解vue的同學(xué)可以參考下2021-04-04vue轉(zhuǎn)electron項(xiàng)目及解決使用fs報(bào)錯(cuò):Module?not?found:?Error:?Can&apo
這篇文章主要給大家介紹了關(guān)于vue轉(zhuǎn)electron項(xiàng)目及解決使用fs報(bào)錯(cuò):Module?not?found:?Error:?Can‘t?resolve?‘fs‘?in的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11vue中通過(guò)iframe方式加載本地的vue頁(yè)面的解決方法
這篇文章主要給大家介紹了在vue中如何通過(guò)iframe方式加載本地的vue頁(yè)面的解決方法,文中有詳細(xì)的解決流程,需要的朋友可以參考下2023-06-06Vue Getters和mapGetters的原理及使用示例詳解
Vuex的核心概念包括state、mutations、actions、getters和modules,今天,我們要深入探討其中一個(gè)關(guān)鍵部分:getters,以及它的相關(guān)輔助函數(shù)mapGetters,感興趣的朋友跟隨小編一起看看吧2024-08-08