# Running the app

## Run the app on Browser

Once you have the [initial setup](https://enappd.gitbook.io/capacitor-full-app-ionic-angular/setup/initial-setup) done, it's time to run your app. First we'll run the app in development environment. In development environment, your app runs in a browser (of your choice). It is recommended to make all changes and development while running the app on browser . Running on device while developing will be too time consuming.

To run the app on browser, run

```
$ ionic serve
```

on your command line, inside your project folder. This will build the project and deploy it on a `localhost` url (usually it is `localhost:8100`). Your command line will look like this

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LqjTu_FacKM9vIF7shQ%2F-LqkOlmd_76bpjgs8by7%2F-LqkQIByjB8pYwMdzuAK%2Fassets_-LqBqAw4qSMckDjeSSDw_-LqGO_Gi1JCkLUT9J3xO_-LqGjqDQZt3LTITbJaaY_assets_-La-kqVz2Uq1Ka0VUWZT_-LaBSIQaCsUVAP5QmRgn_-LaBTFGrkCzUKYK6OGrN_Screen%20Shot%202019-03-17%20at%209.51.09%20PM.png?alt=media\&token=f68d4e14-9718-4d19-b4d3-c381f08b85df)

The initial deploy process will take some time when it creates "chunks" of code pieces. Once you see `compiled successfully` , you are good to go. Your browser window will open automatically and load the app in a full screen view.

Sometimes, the CLI does not open the browser automatically. In such case, open your browser and type URL `localhost:8100` to start the app. 

To change the app to a device view, right click anywhere on the browser and choose `Inspect Element`and choose device mode. The app will look like this in `device mode` 

![](https://3608702775-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LsQWILyBp_9nWmIJ7TG%2F-Luaql4ybbrVCOmuA2pZ%2F-LuausNh5vMUHwvsldtN%2FScreen%20Shot%202019-11-26%20at%202.24.23%20PM.png?alt=media\&token=a3d1b57c-44e6-446d-b477-445ef9ad917d)

More about browser development tools can be found out in following links

* [Chrome Dev Tools](https://developers.google.com/web/tools/chrome-devtools/device-mode/)
* [Firefox Dev Tools](https://developer.mozilla.org/en-US/docs/Tools)