H5项目
npmrundev:h5小程序
npmrundev:mp-weixin然后打开微信开发者工具,导入 dist/dev/mp-weixin 目录即可开发预览
构建H5项目构建
npmrunbuild:h5构建好的文件存放在 dist/build/h5 目录下
小程序项目构建
npmrunbuild:mp-weixin然后打开微信开发者工具,导入 dist/build/mp-weixin 目录
开发工具推荐
推荐使用 VSCode 进行开发,针对此项目VSCode插件推荐安装:
VeturESLintStylelintPrettieVueVSCodeSnippetsJavaScript(ES6)SnippetsESDoc编码规范JavaScript代码规范Css&Scss代码规范命名约定项目版本管理Git分支开发工作流Git提交规范代码评审相关PR说明待补充项目目录结构说明|--.vscodevscode编辑器的一些设置文件|--dist构建之后生成的目录|--.github规范说明|githubaction工作流(待完成)|--publicH5模板文件|--src项目的开发目录||--apiapi存放目录以及对于请求数据的处理存放目录|||--api-request.jsapi:请求之前或者之后处理函数|||--data-format.jsapi:数据处理文件|||--index.jsapi:要请求的api定义||--assets资源存放目录||--common页面公用的部分存放的目录||--components页面公用的组件存放的目录||--locale国际化设置目录(语言设置)||--library存放一些第三方依赖库等||--pages页面目录||--store数据状态管理目录|||--modules|||--types|||--index.js||--styles公共样式存放目录|||--basestyles:基础样式||||--mixinstyles:mixin函数||||--themestyles:主题皮肤配置||||--variablestyles:变量||||--reset.scssstyles:重置页面样式||--utils常用函数存放目录||--App.vue应用配置,用来配置App全局样式以及监听||--main.jsVue初始化入口文件||--manifest.json配置应用名称、appid、logo、版本等打包信息||--pages.json配置页面路由、导航条、选项卡等页面类信息||--uni.scssuni全局样式变量|--.editorconfig编辑器配置推荐|--.env.development开发环境变量|--.env.production生产环境变量|--.eslintignoreeslint忽略的文件|--.eslintrc.jseslint配置文件|--.gitignoregit提交忽略文件|--.npmrc安装npm包的部分设置|--.prettierignoreprettier插件的设置|--babel.config.jsbabel配置文件|--commitlint.config.jsgitcommit规范提交配置文件|--jsconfig.jsonvscode本地文件提示|--postcss.config.jspostcss配置|--README.md项目说明文件|--stylelint.config.js样式规范配置文件|--vue.config.jsvue-cli自定义配置依赖uni-app:基于vue的多端统一开发框架vue:JavaScript渐进式框架vuex:状态管理vue-i18n:国际化jsonapi-vuex:允许通过vuexstore访问 JSON:API web服务中的数据。DiscuzQ接口使用的是JSON:API规范,所以使用这个库更加方便处理该请求和数据。TODO 单元测试 部署 CI:GithubAction CR流程
评论