Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

daivdggdev/taro-template

Repository files navigation

疫情H5

基于 taro + dva + Typescript 框架搭建的疫情H5

维护开发

# 全局安装tarojs
npm install -g @tarojs/cli
# 安装依赖
yarn or yarn install
# 开发
yarn dev:h5
# mock
yarn mock
ps: 另起一个命令行窗口,跑这个服务
# 打包
yarn run build

开发规范文档

standard-doc

Mock

  • 基于 mocker-api 实现的本地mock服务
  • 由于 mocker-api 的约束,mock文件只能使用 js 编写,并且只支持 CommonJS 规范
  • Mock服务开启后,需要将 config/dev.js 中的 API_PREFIX 变量修改为Mock服务地址

注意点

  • 新建组件流程:大驼峰命名文件名,文件夹下新建 index.{jsx|tsx}index.less
  • 每个Page页下面除组件外,增加 model.ts,每次新增 model.ts 都需要在 src/models/index.ts手动引入
  • 工程已经配置了 path alias, 具体查看 config/index.ts 文件,文件导入路径一律采用alias的方式

样式约定

颜色、间距、字体大小等都以定义变量的方式存在

全局通用样式定义在 src/styles,基于scss

具体页面的属性使用变量名赋值

.inputIcon {
 color: @normal-color;
}
.inputIconFocus {
 color: @primary-color;
}

代码规范

  • 使用eslintstylelint搭配huskylint-staged做JS、TS和CSS语法检查
  • 使用commitizen做代码提交规范控制,需要npm install -g commitizen,然后用git cz代替git commit

LICENSE

MIT

About

taro + dva + Typescript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /