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

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! 馃憤

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions