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 相关文章推荐
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
jquery提示效果实例分析
Nov 25 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
Dec 28 Javascript
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 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
Zerg基本策略
2020/03/14 星际争霸
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
PHP文件读写操作之文件写入代码
2011/01/13 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
Javascript中暂停功能的实现代码
2007/03/04 Javascript
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
js重写方法的简单实现
2016/07/10 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
JavaScript中数据类型转换总结
2016/12/25 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
微信小程序文章详情页跳转案例详解
2019/07/09 Javascript
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
python抓取网页图片并放到指定文件夹
2014/04/24 Python
python中的闭包用法实例详解
2015/05/05 Python
详解Python中find()方法的使用
2015/05/18 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
python实现飞机大战小游戏
2019/11/08 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
素质教育标语
2014/06/27 职场文书
竞选学委演讲稿
2014/09/13 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
python运行脚本文件的三种方法实例
2022/06/25 Python