Directory Structure     

This is the structure of a project with all modes installed. There’s no reason to be intimidated though!

If you are a beginner, all you’ll need to care about is /quasar.conf.js (Quasar App Config file), /src/router, /src/layouts, /src/pages and optionally /src/assets.

. ├── 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 | │   ├── <folder> # Vuex Store Module... | │   └── <folder> # Vuex Store Module... │   ├── App.vue # root Vue component of your App │   └── index.template.html # Template for index.html ├── 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