Skip to content
This repository was archived by the owner on Feb 6, 2024. It is now read-only.
This repository was archived by the owner on Feb 6, 2024. It is now read-only.

[Feature Request] Add a QR Code in terminal output to quickly open local from phone #27

@doppelganger9

Description

@doppelganger9

This a Feature Request for enhancing somewhat the dev/local experience 😎🤞.

It seems you are fond of QR Codes 🤓so here we go:

There exists a BrowserSync plugin called bs-console-qrcode.

  • npm i bs-console-qrcode --save-dev
  • Since there is a BrowserSync config file (bs-config.json), you just need to add a line :
{
  "files": [
    "./dist/**/*.{html,htm,css,js,svg}"
  ],
  "plugins": ["bs-console-qrcode"],
  "server": { "baseDir": "./dist" }
}
  • Then run npm start, and you will see something like this :

qrcodeinsideterminal

  • then scan it from a mobile device to open up the local PWA for example.

On iOS, this is as easy as opening up the photo app, looking at the QR Code, a popup will appear and you can click it, avoiding typing manually the address+port !

(I seem to recall having seen this idea from React Native CLI and found it useful)

Comments welcome, thank for your awesome work, btw! 👍

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions