npm script 自动打开浏览器 All In One
npm script 自动打开浏览器 All In One
npm script 自动打开浏览器,bin open / node.js 兼容 mac/pc
API
It uses the command open
on macOS, start
on Windows and xdg-open
on other platforms.
source-codes
https://github.com/learning-js-by-reading-source-codes/open
https://github.com/learning-js-by-reading-source-codes/open/blob/main/index.js
OSS (Open Source Software)
https://en.wikipedia.org/wiki/Open-source_software
auto open browser
"scripts": {
"start": "start http://localhost:8000 && npm run dev",
"open": "open http://localhost:8000 && npm run dev",
"dev": "cross-env NODE_OPTIONS='--max-old-space-size=8192' cross-env NODE_ENV=development webpack-dev-server --inline",
"build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules",
"eslint": "eslint --fix --ext js,vue src",
"precommit": "lint-staged"
},
macOS
{
"auto": "npm run dev & open http://localhost:8000",
}
Windows
// bad
{
"start": "npm run dev & start http://localhost:8000",
}
// good
{
"start": "start http://localhost:8000 & npm run dev",
}
npm package
https://www.npmjs.com/package/open
https://github.com/sindresorhus/open
const open = require('open');
// Opens the image in the default image viewer and waits for the opened app to quit.
await open('unicorn.png', {wait: true});
console.log('The image viewer app quit');
// Opens the URL in the default browser.
await open('https://sindresorhus.com');
// Opens the URL in a specified browser.
await open('https://sindresorhus.com', {app: {name: 'firefox'}});
// Specify app arguments.
await open('https://sindresorhus.com', {app: {name: 'google chrome', arguments: ['--incognito']}});
// Open an app
await open.openApp('xcode');
// Open an app with arguments
await open.openApp(open.apps.chrome, {arguments: ['--incognito']});
refs
https://github.com/xgqfrms-GitHub/Node-CLI-Tools/issues/17
©xgqfrms 2012-2020
www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!
本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/15722353.html
未经授权禁止转载,违者必究!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
2020-12-23 CSS Grid & Flex poster PDF 海报定制 All In One
2020-12-23 H5 CSS 悬浮滚动条 All In One
2020-12-23 JavaScript convert ES6 Map to Array All In One
2020-12-23 CSS hover box
2020-12-23 v-for & for...in vs for...of All In One
2020-12-23 CSS 检测 IE 浏览器
2020-12-23 CSS 滚动条宽度 All In One