vue-cli随机生成port源码的方法


Posted in Javascript onSeptember 02, 2019

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源码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
使用JavaScript开发跨平台的桌面应用详解
Jul 27 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
Vuex的实战使用详解
Oct 31 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
详解Javascript实践中的命令模式
May 05 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 #Javascript
layui 数据表格 点击分页按钮 监听事件的实例
Sep 02 #Javascript
js中比较两个对象是否相同的方法示例
Sep 02 #Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 #Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
Sep 02 #Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 #Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 #Javascript
You might like
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
php对象工厂类完整示例
2018/08/09 PHP
JavaScript Konami Code 实现代码
2009/07/29 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
JavaScript运算符小结
2015/06/03 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
基于python中的TCP及UDP(详解)
2017/11/06 Python
简单了解什么是神经网络
2017/12/23 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
python五子棋游戏的设计与实现
2019/06/18 Python
opencv3/C++实现视频背景去除建模(BSM)
2019/12/11 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
大学毕业寄语大全
2014/04/10 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
食堂管理制度范本
2015/08/04 职场文书
护士工作心得体会
2016/01/25 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
德生BCL3000抢先使用感受和评价
2022/04/07 无线电