xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

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

OSS (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, 禁止转载 🈲️,侵权必究⚠️!


posted @   xgqfrms  阅读(147)  评论(6编辑  收藏  举报
编辑推荐:
· 记一次.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
点击右上角即可分享
微信分享提示