vue-cli隨機生成port源碼的方法
更新時間：2019年09月02日 11:27:59 作者：小碼農(nóng)雯
這篇文章主要介紹了vue-cli隨機生成port源碼的方法，文中給大家介紹了vue 隨機色生成方法,需要的朋友可以參考下
vue-cli隨機生成port源碼的方法
const portfinder = require('portfinder')；
const port = await portfinder.getPortPromise()；
兩行代碼
端口搜索范圍
默認情況下，portfinder將開始搜索8000并掃描，直到達到最大端口號（65535）
源碼的路徑是在node_modules/@vue/cli-service/lib/commands/serve.js
知識點擴展：
vue 隨機色生成
把標(biāo)題的顏色設(shè)置成隨機色
<h4 v-rainbow>標(biāo)題隨機色</h4>
在script寫局部自定義指令（如果想要寫全局的需要在main.js里面書寫）
局部
directives:{
'rainbow':{
bind(el,binding,vnode){
el.style.color = '#' + Math.random().toString(16).slice(2,8);//隨機顏色
}
},
}
全局（main.js）
Vue.directive("rainbow",{
bind(el,bind,vnode){
el.style.color = '#' + Math.random().toString(16).slice(2,8);//隨機顏色
}
})
總結(jié)
以上所述是小編給大家介紹的vue-cli隨機生成port源碼,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
這篇文章主要介紹了項目nginx部署到非根目錄下vue配置方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
我們有時候會碰到這種情況，需要連續(xù)發(fā)送兩個請求，第二個請求需要用第一個請求的某個返回值作為參數(shù)來作為第二個請求的請求參數(shù)，這篇文章主要介紹了vue請求如何按順序執(zhí)行,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了vue3中的watch()的用法和具體作用,通過合理和熟練使用watch()方法，開發(fā)者可以更加高效地完成前端開發(fā)工作，需要的朋友可以參考下2023-04-04
element-plus dialog v-loading不生效問題及解決
這篇文章主要介紹了element-plus dialog v-loading不生效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
Lottie 是一個適用于 Android、iOS、Web 和 Windows 的庫,它使用 Bodymovin 解析導(dǎo)出為 JSON 的 Adobe After Effects 動畫,下面我們就來看看它在vue中的是如何應(yīng)用的吧2023-12-12
Element-ui樹形控件el-tree自定義增刪改和局部刷新及懶加載操作
這篇文章主要介紹了Element-ui樹形控件el-tree自定義增刪改和局部刷新及懶加載操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家詳細介紹了如何流vue+canvas實現(xiàn)一個簡易的九宮格手勢解鎖器,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-09-09
這篇文章主要介紹了vue項目如何配置public靜態(tài)資源路徑訪問方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了vue實現(xiàn)將時間戳轉(zhuǎn)換成日期格式方式,具有很好的參考價值,希望對大家有所幫助,2023-10-10
本篇文章主要介紹了vuejs實現(xiàn)遞歸樹型菜單組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01