How to launch localhost automatically in angular.. with out manually typing localhost:4200?

Question

If i compile and run an angular 2 (or above) application i need to manually go ,to the browser and type localhost path for the output.I need to open the browser automatically whenever i use ng serve command.

Answer 1

ng serve --open

or

ng serve -o

This will automatically opens your default browser to http://localhost:4200/.

Answer 2

ng s -o
 or
ng serve -o

where ng is angular ,s is serve and o is open in the default port(i.e 4200)

serve the angular in the default port

Answer 3

if you are using angular-cli change your package.json as below than type npm start

...
"scripts": {
    "ng": "ng",
    "start": "ng serve --open",
...

Answer 4

Change the package.json

..
"scripts": {
    "ng": "ng",
    "start": "ng serve --open",

Or write the command to your terminal ng serve -o

This will automatically open your default browser.

Answer 5

you can also try with a more flexible config

"scripts": {
  "start": "ng serve && open http://localhost:4200"
}

Answer 6

You will need to write a script to do this. Instructions can be found here How to open browser to localhost through npm scripts