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 相关文章推荐
很酷的javascript loading效果代码
Jun 18 Javascript
动态为事件添加js代码示例
Feb 15 Javascript
Mootools 1.2教程(2) DOM选择器
Sep 14 Javascript
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
微信小程序开发探究
Dec 27 Javascript
Webpack打包css后z-index被重新计算的解决方法
Jun 18 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
解决vue 表格table列求和的问题
Nov 06 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执行linux系统命令的常用函数使用说明
2010/04/27 PHP
php !function_exists(&quot;T7FC56270E7A70FA81A5935B72EACBE29&quot;))代码解密
2011/01/07 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
jQuery基础框架浅入剖析
2012/12/27 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
python实现rest请求api示例
2014/04/22 Python
python集合用法实例分析
2015/05/30 Python
python中PIL安装简单教程
2016/04/21 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
详解Django中的FBV和CBV对比分析
2021/03/01 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
餐饮业的创业计划书范文
2013/12/26 职场文书
十八大闭幕感言
2014/01/22 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
PHP策略模式写法
2021/04/01 PHP