<commit_before>title: Configuring Quasar App
---
As you've seen in [App Structure](/guide/quasar-app-structure.html) page (read it if you haven't already), there are a few key configuration files for your Quasar App.

## app.json
*Gets generated by the build system*

This is the place that all App configuration gets merged in automatically by the Build System. All pages manifests, all routes, and many more. You can build a search widget based on this file.

Example:
``` json
{
  "pages": {
    "index": {
      "hashes": [
        "$",
        ":article/:page"
      ]
    }
  }
}
```

## quasar.build.yml
This is the place where you configure how your App is built, what dependencies to inject, how your Quasar App is tested and more.

Example:
``` yml
deps:
  js:
    - 'node_modules/X/js/y.js'
    - 'node_modules/W/z.js'
  css:
    - 'node_modules/X/css/y.css'
preview:
  port: 3500
previewResp:
  port: 3600
test:
  exclude: []
```

### 'deps' object
Specify the dependencies of your App. You can use NPM to install different packages, or Bower, or just download some file from somewhere and store it inside the App's folder. In the end, all you need is a path. The Build System takes care of the rest. Mind the order as it may be important.

### 'preview' object
[Live Preview](/guide/cli-commands.html#Live_Preview) configuration. Read more about configuration properties  [here](http://www.browsersync.io/docs/options/). Example of default configuration which is merged with user specific one:
``` yml
preview:
  port: 3000
  ui:
    port: 3001
  open: false
  reloadOnRestart: true
```

### 'responsive' object
[Live Preview with Responsive View](/guide/cli-commands.html#Responsive_Live_Preview) configuration. Read more about configuration properties [here](http://www.browsersync.io/docs/options/). Example of default configuration which is merged with user specific one:
``` yml
responsive:
  port: 3100
  ui: false
  open: false
  ghostMode: true<commit_msg>Update quasar-app-configuration.md<commit_after>title: Configuring Quasar App
---
As you've seen in [App Structure](/guide/quasar-app-structure.html) page (read it if you haven't already), there are a few key configuration files for your Quasar App.

## app.json
*Gets generated by the build system*

This is the place that all App configuration gets merged in automatically by the Build System. All pages manifests, all routes, and many more. You can build a search widget based on this file.

Example:
``` json
{
  "pages": {
    "index": {
      "hashes": [
        "$",
        ":article/:page"
      ]
    }
  }
}
```

## quasar.build.yml
This is the place where you configure how your App is built, what dependencies to inject, how your Quasar App is tested and more.

Example:
``` yml
deps:
  js:
    - 'node_modules/X/js/y.js'
    - 'node_modules/W/z.js'
  css:
    - 'node_modules/X/css/y.css'
preview:
  port: 3500
responsive:
  port: 3600
test:
  exclude: []
```

### 'deps' object
Specify the dependencies of your App. You can use NPM to install different packages, or Bower, or just download some file from somewhere and store it inside the App's folder. In the end, all you need is a path. The Build System takes care of the rest. Mind the order as it may be important.

### 'preview' object
[Live Preview](/guide/cli-commands.html#Live_Preview) configuration. Read more about configuration properties  [here](http://www.browsersync.io/docs/options/). Example of default configuration which is merged with user specific one:
``` yml
preview:
  port: 3000
  ui:
    port: 3001
  open: false
  reloadOnRestart: true
```

### 'responsive' object
[Live Preview with Responsive View](/guide/cli-commands.html#Responsive_Live_Preview) configuration. Read more about configuration properties [here](http://www.browsersync.io/docs/options/). Example of default configuration which is merged with user specific one:
``` yml
responsive:
  port: 3100
  ui: false
  open: false
  ghostMode: true
{'fraction_non_alphanumeric': 0.10241570206341218, 'fraction_numerical': 0.010065425264217413, 'mean_word_length': 3.715302491103203, 'pattern_counts': {'":': 8, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5312122', 'n_tokens_mistral': 1259, 'n_tokens_neox': 1187, 'n_words': 482}