前提需要安装Node.js环境

概览

  • 使用 Redux+dva
  • 使用Flyio （请求拦截）
  • Proxy全局拦截路由跳转
  • 快速创建页面

  • [ ] …

    关联

  • 语雀

  • Github

    nestjs封装&使用

  • nestjs 语雀

  • nestjs Github

    初始化

    执行命令安装 [ Tarojs ]

    使用下面的其中一个命令都可以，如果有错误可尝试切换其他安装方式。 ```git 使用 npm 安装 CLI npm install -g @tarojs/cli OR 使用 yarn 安装 CLI yarn global add @tarojs/cli OR 安装了 cnpm，使用 cnpm 安装 CLI cnpm install -g @tarojs/cli
  1. 我选择使用了 **Yarn**
  2. ```git
  3. yarn global add @tarojs/cli

安装完成后开始构建项目，myApp 为你的项目名称

  1. taro init myApp

执行后会出现一个对话框，选择你需要的配置

  1. 写一个你的项目名称，按回车
  2. 询问使用的框架，选中React，按回车
  3. 询问是否使用typescript ，输入y，按回车，
  4. 询问使用的css预处理器，选中sass，按回车
  5. 模板选用taro-ui，按回车

    接下来等待完成， 如果出现错误，当前目录会出现一个myApp文件夹，进入到文件夹输入 yarn 重新安装

image.png

目录结构

不出意外，你看到的目录结构应该是这样的
image.png

将UI样式导入到全局

如果你不想频繁引入taro-ui的样式的话，可以在 app.scss 目录引入taro-ui的整个css文件

src/app.scss

  1. @import "~taro-ui/dist/style/index.scss";

image.png

运行项目

接下来可通过下面的其中一个命令运行项目

我选择使用： yarn dev:weapp

  1. “dev:weapp”: “npm run build:weapp — —watch”,
  2. “dev:swan”: “npm run build:swan — —watch”,
  3. “dev:alipay”: “npm run build:alipay — —watch”,
  4. “dev:tt”: “npm run build:tt — —watch”,
  5. “dev:h5”: “npm run build:h5 — —watch”,
  6. “dev:rn”: “npm run build:rn — —watch”,
  7. “dev:qq”: “npm run build:qq — —watch”,
  8. “dev:jd”: “npm run build:jd — —watch”,
  9. “dev:quickapp”: “npm run build:quickapp — —watch”

成功后会显示编译成功
image.png