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 隨機色生成

把標題的顏色設置成隨機色

<h4 v-rainbow>標題隨機色</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);//隨機顏色  }})

總結

以上所述是小編給大家介紹的vue-cli隨機生成port源碼,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！