vue-cli随机生成port源码的方法
更新时间：2019年09月02日 11:27:59 作者：小码农雯
这篇文章主要介绍了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 随机色生成
把标题的颜色设置成随机色
<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源码,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要介绍了项目nginx部署到非根目录下vue配置方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
我们有时候会碰到这种情况，需要连续发送两个请求，第二个请求需要用第一个请求的某个返回值作为参数来作为第二个请求的请求参数，这篇文章主要介绍了vue请求如何按顺序执行,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了vue3中的watch()的用法和具体作用,通过合理和熟练使用watch()方法，开发者可以更加高效地完成前端开发工作，需要的朋友可以参考下2023-04-04
element-plus dialog v-loading不生效问题及解决
这篇文章主要介绍了element-plus dialog v-loading不生效问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
Lottie 是一个适用于 Android、iOS、Web 和 Windows 的库,它使用 Bodymovin 解析导出为 JSON 的 Adobe After Effects 动画,下面我们就来看看它在vue中的是如何应用的吧2023-12-12
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
这篇文章主要介绍了Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家详细介绍了如何流vue+canvas实现一个简易的九宮格手势解锁器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-09-09
这篇文章主要介绍了vue项目如何配置public静态资源路径访问方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要介绍了vue实现将时间戳转换成日期格式方式,具有很好的参考价值,希望对大家有所帮助,2023-10-10
本篇文章主要介绍了vuejs实现递归树型菜单组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
最新评论