将仓库下载到本地后运行该命令安装依赖
npm install
npm run dev
npm run build
See Configuring quasar.conf.js.
将项目 clone
到本地运行
node app.js
本地测试环境时所有请求自动请求到本地,可以从终端查看请求详细
具体信息查看官网
通过vercel部署至线上,线上版本会自动请求线上接口地址
项目采用vercel部署。在分支上开发完一个功能后将最新的dev
分支合并到该分支,无冲突后pr
到dev
分支。此时vercel会自动部署检测是否有错误,若部署失败出现错误则继续修改,直到没有错误。
具体分支规范、git提交规范查看飞书文档。
quasar1中文文档和quasar最新版本quasar2英文文档几乎相同,最终以英文文档为准
建议quasar看下组件怎么用就好(其实大同小异),看看quasar的布局class
在 .vscode/extensions.json
中列出了推荐安装的插件,打开 VSCode 的时候会提示是否安装,最好全部安装一下。大家有觉得好的插件也可以推荐。
在 .vscode/settings.json
中配置了项目的共享配置,这些配置在所有的协作者本地都是一样的,保证大家的环境一致。其中有自动格式化代码的工具(保存文件后第一时间自动规范代码格式),注意下是否生效。
├─.vscode/
| ├─extensions.json # vsCode 插件设置
| └settings.json #
├─public/ # 纯静态资源
├─src/
| ├─assets/ # 动态资源
| ├─components/ # .vue 组件
| ├─css/ # CSS/Sass/...文件
| | ├─app.scss
| | └quasar.variables.scss # 调整quasar的sass变量
| ├─i18n/ # 语言切换插件 暂时用不上
| ├─layouts/ # 页面整体布局
| ├─pages/ # 页面.vue文件
| ├─boot/ # 根文件 用于初始化代码
| ├─router/ # Vue路由
| | ├─index.js # Vue路由定义
| | └routes.js # App路由定义
| ├─store/ # Vuex Store
| | ├─index.js # Vuex Store 定义
| │ └── <folder> # Vuex Store 模块...
| ├─utils/ # 工具文件
| | ├─const.js # 常用的常量
| | ├─index.js
| | ├─request/ # 用于请求相关文件
| ├─App.vue # APP的根Vue组件
| ├─index.template.html # index.html模板
| ├─quasar.d.ts # quasar 的ts类型声明文件
├─.editorconfig # editor配置
├─.eslintignore # ESlint忽略路径
├─.eslintrc.js # ESlint配置
├─.postcssrc.js # PostCSS配置
├─.prettierignore # prettierrc忽略路径
├─.prettierrc.js # prettierrc配置文件
├─babel.config.js # Babeljs配置
├─jsconfig.json # JS配置
├─package-lock.json
├─package.json # npm脚本和依赖项
├─quasar.conf.js # Quasar App配置文件
├─README.md # README