React + TypeScript + Vite

Demo

https://ayay459547.github.io/react-charts-dev/

練習圖表製作

安裝套件

npm i

運行專案

npm run dev

打包專案

npm run build

套件管理

#### 檢查package版本漏洞(不一定要修, 由於不是直接安裝)
npm audit

#### 更新套件
npm update

#### 線上最新版本, 本地套件版本 比對
npm outdated

commit message

• feat: 新增/修改功能 (feature)。
• fix: 修補 bug (bug fix)。
• docs: 文件 (documentation)。
• style: 格式 (不影響程式碼運行的變動 white-space, formatting, missing semi colons, etc)。
• refactor: 重構 (既不是新增功能，也不是修補 bug 的程式碼變動)。
• perf: 改善效能 (A code change that improves performance)。
• test: 增加測試 (when adding missing tests)。
• chore: 建構程序或輔助工具的變動 (maintain)。
• revert: 撤銷回覆先前的 commit 例如：revert: type(scope): subject (回覆版本：xxxx)