第六个微信小程序：教师工具集

news2025/6/9 3:38:34

源于工作需要，下面开始。

安装及使用 | Taro 文档

vscode

代码管理 git

辅助

开发技术如上：

1.开始创建模板 taro4.1.1

$ taro init teachers-tools

2.用vsocde开始吧。

选择第二个文件夹找一。

(base) PS D:\react\teachers-tools> pnpm install
 WARN  deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options.

   ╭──────────────────────────────────────────╮
   │                                          │
   │   Update available! 10.11.0 → 10.11.1.   │
   │   Changelog: https://pnpm.io/v/10.11.1   │
   │     To update, run: pnpm self-update     │
   │                                          │
   ╰──────────────────────────────────────────╯

 WARN  12 deprecated subdependencies found: @humanwhocodes/config-array@0.11.14, @humanwhocodes/config-array@0.13.0, @humanwhocodes/object-schema@2.0.3, @swc/register@0.1.10, @types/sass@1.45.0, acorn-import-assertions@1.9.0, eslint@8.41.0, glob@7.2.3, inflight@1.0.6, rimraf@3.0.2, vm2@3.9.19, webpack-chain@6.5.1
Packages: +1266
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Downloading hls.js@1.6.5: 5.71 MB/5.71 MB, done
Progress: resolved 1354, reused 1237, downloaded 28, added 1266, done

3.测试一下。

4.开始吧。看看用哪个UI库，不能永久停留吧。

Taro UI | O2Team

base) PS D:\react\teachers-tools> pnpm install taro-ui
 WARN  deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options.
 WARN  deprecated @react-native-community/cameraroll@4.1.2: Package has been moved to @react-native-camera-roll/camera-roll starting with version 5.0
Progress: resolved 1891, reused 1306, downloaded 1, added 0

5.建立了一个rules,方便使用，但不清楚效果，目前是第一次自己使用。

本项目 - 基于 React +Taro + TypeScript + Taro-ui的微信小程序开发脚手架
在 src/rules.tsx 中定义了规则：
1.所有生成的回答必须指明路径，方便进行定位和修改
2.尽量使用Taro-ui中的组件，保持一致性，非必要不要使用原生组件
3.所有的组件都必须使用函数式组件，不能使用类组件
4.必须进行全局的规划，资源文件、组件、页面等都要有统一的目录结构
5.所有的组件都必须使用 TypeScript 进行类型定义，不能使用 JavaScript
6.所有的组件都必须使用 Taro 的 API 进行开发，同时要保证编译后的代码能够在微信小程序中正常运行
7.使用脚本化的方式进行开发，避免手动操作
8.使用config文件进行全局配置，避免硬编码
9.所有的组件都必须使用 Taro 的路由进行页面跳转，不能使用原生的跳转方式
10.所有的组件都必须使用 Taro 的状态管理进行数据传递，不能使用原生的状态管理方式
11.设计时要考虑到小程序的性能和用户体验，避免过度渲染和复杂的逻辑

6.开始规划总体结构，注意使用上面的rules.