Usuario:


Configuración

Storyboard

>Modelo

ID:(1235, 0)



Archivo de configuración

Concepto

>Top


La configuración se define en el archivo quasar.conf.js que se incluye en el directorio del proyecto.

Su formato en general tiene la forma

```

// Configuration for your app

module.exports = function (ctx) {

return {

configuraciones separados por comas

}

}

```

ID:(9750, 0)



Directivas

Concepto

>Top


Si se requieren directrices de vue se deben incluir en quasar.conf.js el framework con las siguientes referencias:

```

framework: {

directives: ['Ripple', 'TouchPan', 'TouchSwipe']

}

```

que luego permite que se puedan incluir en el template códigos propios de vue como sería

```

...

...

Click me. I got ripples.

```

ID:(9751, 0)



Componentes

Concepto

>Top


Si se requieren componentes de quasar deben incluir en quasar.conf.js el framework con las siguientes referencias:

```

framework: {

components: ['QBtn', 'QIcon']

}

```

en donde estas se identifican por su código que se inicia con la letra Q y que luego se emplean en el template como por ejemplo en

```

Do something

```

ID:(9752, 0)



Plugin

Concepto

>Top


Si se requieren incluir plugins se deben incluir en quasar.conf.js el framework con las siguientes referencias:

```

framework: {

plugins: ['Notify', 'ActionSheet']

}

```

que luego permite que se puedan incluir en el template códigos propios de vue como sería

```

@click='$q.notify('My message')'

color='primary'

label='Show a notification'

/>

@click='showNotification'

color='primary'

label='Show another notification'

/>

```

pero también en la sección script como sería

```

export default {

methods: {

showNotification () {

this.$q.notify('Some other message')

}

}

}

```

ID:(9753, 0)



Server

Concepto

>Top


Para definir en que puerta se comunica la aplicación y si abre en forma automática una ventana de navegador se define con devServer mediante

```

devServer: {

// https: true,

port: 8000,

open: true // opens browser window automatically

}

```

ID:(9759, 0)