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 相关文章推荐
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
浅谈JavaScript之事件绑定
Jul 08 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
JavaScript实现京东快递单号查询
Nov 30 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
一些使用频率比较高的php函数
2008/10/03 PHP
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
PHP写的加密函数,支持私人密钥(详细介绍)
2013/06/09 PHP
配置php网页显示各种语法错误
2013/09/23 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP实现数据库的增删查改功能及完整代码
2018/04/18 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
Prototype Function对象 学习
2009/07/12 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
js 模仿锚点定位的实现方法
2016/11/19 Javascript
JS前端加密算法示例
2016/12/22 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
2017/09/26 jQuery
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
python实现的防DDoS脚本
2011/02/08 Python
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
python实现同一局域网下传输图片
2020/03/20 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
英国派对礼服和连衣裙购物网站:TFNC London
2018/07/07 全球购物
贝佳斯官方网站:Borghese
2020/05/08 全球购物
机电一体化职业规划书
2014/01/07 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
民主生活会意见
2015/06/05 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android