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 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
JavaScript 闭包深入理解(closure)
May 27 Javascript
默认让页面的第一个控件选中的javascript代码
Dec 26 Javascript
JavaScript 保存数组到Cookie的代码
Apr 14 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
每天一篇javascript学习小结(面向对象编程)
Nov 20 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 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同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
php截取字符串函数分享
2015/02/02 PHP
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
基于jQuery ztree实现表格风格的树状结构
2018/08/31 jQuery
如何用RxJS实现Redux Form
2018/12/29 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
JS中多层次排序算法的实现代码
2021/01/06 Javascript
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
Python 合并拼接字符串的方法
2020/07/28 Python
营业经理岗位职责
2013/11/10 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
教师现实表现材料
2014/02/14 职场文书
气象学专业个人求职信
2014/03/15 职场文书
网页美工求职信范文
2014/04/17 职场文书
中学教师师德承诺书
2014/05/23 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
慰问信格式
2015/02/14 职场文书
毕业生学校组织意见
2015/06/04 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
某某幼儿园的教育教学管理调研分析报告
2019/11/29 职场文书
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang