vue-cli随机生成port源码的方法
2019-11-08 18:07
1366 查看
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源码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- 基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- PHP生成各种随机验证码的方法总结【附demo源码】
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- JS随机生成不重复数据的实例方法
- 八种在 Linux 上生成随机密码的方法
- vue-cli脚手架搭建的项目去除eslint验证的方法
- vue-cli生成的重要代码详解
- Google Protocol Buffers 快速入门(带生成C#源码的方法)
- vue--identify 生成随机验证码
- vue-cli2.x项目优化之引入本地静态库文件的方法
- Python随机生成信用卡卡号的实现方法
- PostgreSQL: 一种用于生成随机字符串的方法
- PHP生成随机字符的4种方法及性能对比
- linux下生成随机密码的十种方法
- PHP生成随机密码的4种方法及性能对比
- vue-cli 引入、配置axios的方法
- Python生成随机验证码的两种方法
- 随机生成加减乘除混合运算加减乘除数学式子题目答案批量生成工具软件使用方法