这是安装了所有模式的项目的结构。虽然没有理由被吓倒!
TIP
如果你是初学者,你需要关心的是 /quasar.conf.js
(Quasar应用配置文件)、/src/router
、 /src/layouts
、 /src/pages
以及可选的 /src/assets
。
.
├── public/ # 纯静态资源(直接复制)
├── src/
│ ├── assets/ # 动态资源(由webpack处理)
│ ├── components/ # 用于页面和布局的.vue组件
│ ├── css/ # CSS/Stylus/Sass/...文件
| | ├── app.styl
| │ └── quasar.variables.styl # 供您调整的Quasar Stylus变量
│ ├── layouts/ # 布局 .vue 文件
│ ├── pages/ # 页面 .vue 文件
│ ├── boot/ # 启动文件 (应用初始化代码)
│ ├── router/ # Vue路由
| | ├── index.js # Vue路由定义
| │ └── routes.js # App路由定义
│ ├── store/ # Vuex Store
| | ├── index.js # Vuex Store 定义
| │ ├── <folder> # Vuex Store 模块...
| │ └── <folder> # Vuex Store 模块...
│ ├── App.vue # APP的根Vue组件
│ └── index.template.html # index.html模板
├── src-ssr/ # SSR特定代码(就像生产环境的Node网页服务器)
├── src-pwa/ # PWA特定代码(如Service Worker)
├── src-cordova/ # Cordova生成的文件夹用于创建移动APP
├── src-electron/ # Electron特定代码(如"main"线程)
├── src-bex/ # BEX(浏览器扩展)特定代码(如"main"线程)
├── dist/ # 生产版本代码,用于部署
│ ├── spa/ # 构建SPA的例子
│ ├── ssr/ # 构建SSR的例子
│ ├── electron/ # 构建Electron的例子
│ └── ....
├── quasar.conf.js # Quasar App配置文件
├── babel.config.js # Babeljs配置
├── .editorconfig # editor配置
├── .eslintignore # ESlint忽略路径
├── .eslintrc.js # ESlint配置
├── .postcssrc.js # PostCSS配置
├── .stylintrc # Stylus lint配置
├── .gitignore # GIT忽略路径
├── package.json # npm脚本和依赖项
└── README.md # 您的网站/应用程序的自述文件