目录结构 | Quasar Framework 中文网

Quasar CLI with Webpack - @quasar/app-webpack

目录结构

这是安装了所有模式的项目的结构。虽然没有理由被吓倒！

TIP

如果你是初学者，你需要关心的是 /quasar.config.js (Quasar应用配置文件)、/src/router、 /src/layouts、 /src/pages 以及可选的 /src/assets。

public/

Pure static assets (directly copied)

src/

assets/

Dynamic assets (processed by Webpack)

components/

.vue components used in pages & layouts

css/

CSS/Sass/... files for your app

app.sass

quasar.variables.sass

Quasar Sass variables for you to tweak

layouts/

Layout .vue files

pages/

Page .vue files

boot/

Boot files (app initialization code)

router/

Vue Router

index.js

Vue Router definition

routes.js

App Routes definitions

stores/

Pinia Stores (if not using Vuex)

index.js

Pinia initialization

<store>

Pinia stores...

<store>...

store/

Vuex Store (if not using Pinia)

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)

src-bex/

BEX (browser extension) specific code (like "main" thread)

dist/

Where production builds go

spa

Example when building SPA

ssr

Example when building SSR

electron

Example when building Electron

...

quasar.config.js

Quasar App Config file

babel.config.js

Babeljs config

.editorconfig

EditorConfig file

.eslintignore

ESLint ignore paths

.eslintrc.js

ESLint config

.postcssrc.js

PostCSS config

jsconfig.json

Editor config (if not using TypeScript)

tsconfig.json

TypeScript config

.gitignore

GIT ignore paths

package.json

npm scripts and dependencies

README.md

Readme for your website/App