Storyboard

>Modelo

ID:(1253, 0)

Concepto

>Top

Los distintos archivos y directorios de un proyecto se estructuran de la siguiente forma:

```

.

|-- src/

| |-- assets/ # dynamic assets (processed by webpack)

| |-- statics/ # pure static assets (directly copied)

| |-- components/ # .vue components used in pages & layouts

| |-- css/ # CSS/Stylus/Sass/... files for your app

| | |-- app.styl

| | |-- themes/ # Quasar themes entry points for you to tweak

| | |-- common.variables.styl # Common Stylus variables for all Quasar themes

| | |-- variables.mat.styl # Variables for Material Design theme

| | |-- variables.ios.styl # Variables for iOS theme

| |-- layouts/ # layout .vue files

| |-- pages/ # page .vue files

| |-- plugins/ # app plugins (app initialization code)

| |-- router/ # Vue Router

| | |-- index.js # Vue Router definition

| | |-- routes.js # App Routes definitions

| |-- store/ # Vuex Store

| | |-- index.js # Vuex Store definition

| | |-- # Vuex Store Module...

| | |-- # Vuex Store Module...

| |-- App.vue # root Vue component of your App

| |-- index.template.html # Template for index.html

|-- src-ssr/ # SSR specific code (like production Node webserver)

|-- src-pwa/ # PWA specific code (like Service Worker)

|-- src-cordova/ # Cordova generated folder used to create Mobile Apps

|-- src-electron/ # Electron specific code (like 'main' thread)

|-- dist/ # where production builds go

| |-- spa-mat/ # example when building SPA with MAT theme

| |-- spa-ios/ # example when building SPA with IOS theme

| |-- electron-mat/ # example when building Electron with MAT theme

| |-- ....

|-- quasar.conf.js # Quasar App Config file

|-- .babelrc # babel config

|-- .editorconfig # editor config

|-- .eslintignore # ESlint ignore paths

|-- .eslintrc.js # ESlint config

|-- .postcssrc.js # PostCSS config

|-- .stylintrc # Stylus lint config

|-- .gitignore # GIT ignore paths

|-- package.json # npm scripts and dependencies

|-- README.md # readme for your website/App

```

Los archivos que definen en la página son de extensión vue y se almacenan en el directorio

- pages

Por otro lado el encabezado, indices laterales y pie se definen con archivos de extensión vue y se almacenan en el directorio:

- layout

La pantalla se define mediante combinaciones de paginas y layouts que se registran en el archivo router de extensión js y que se almacena en el directorio:

- router

ID:(9768, 0)

Concepto

>Top

La estructura general de los archivos de extensión vue:

```

```

ID:(9769, 0)