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

安裝及使用 | Taro 文檔

vscode?

代碼管理 git

輔助

開發技術如上：

1.開始創建模板? taro4.1.1

$ taro init teachers-tools

2.用vsocde開始吧。

選擇 第二個文件夾找一。

(base) PS D:\react\teachers-tools> pnpm installWARN? 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-uiWARN? 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.

我要開發一個教師工具集的微信小程序，首先規劃一個配置文件。
計劃如：新建一個組件實現讀取一個配置文件，配置文件一級目錄目前為通用/語文/數學/英語/體育 后期可手動添加。
在通用下一層有：視頻提取、音頻提取兩個子項，其他暫時為空。
將讀取的結果顯示在pages/index/index下。

?

需要構建api服務了，暫停一下，保存一下。我要構建一個針對視頻提取的apis服務。