mirror of
https://git.unlock-music.dev/um/um-react.git
synced 2024-11-24 02:02:17 +00:00
64 lines
1.8 KiB
Markdown
64 lines
1.8 KiB
Markdown
# 新手上路
|
||
|
||
该文档描述了如何本地运行或编译生产版本的「Unlock Music 音乐解锁」。
|
||
|
||
## 安装依赖
|
||
|
||
- 安装 Node v16.17 或更高，推荐当前最新的 Node LTS 版本。
|
||
- 安装/激活 `pnpm` [^1]：`corepack prepare pnpm@latest --activate`
|
||
- 安装软件依赖：`pnpm i --frozen-lockfile`
|
||
|
||
[^1]: 参考 pnpm 说明「[使用 Corepack 安装](https://pnpm.io/zh/installation#使用-corepack-安装)」。
|
||
|
||
## 本地运行
|
||
|
||
💡 你需要先完成「安装依赖」部分。
|
||
|
||
```sh
|
||
pnpm start
|
||
```
|
||
|
||
然后根据提示打开[项目运行页面][vite-dev-url]即可。
|
||
|
||
[vite-dev-url]: http://localhost:5173/
|
||
|
||
## 构建生产版本
|
||
|
||
💡 你需要先完成「安装依赖」部分。
|
||
|
||
```sh
|
||
pnpm build
|
||
```
|
||
|
||
如果需要预览构建版本，运行 `pnpm preview` 然后打开[项目预览页面][vite-preview-url]即可。
|
||
|
||
[vite-preview-url]: http://localhost:4173/
|
||
|
||
## 打包 `.zip`
|
||
|
||
建议在 Linux 环境下执行，可参考 `.drone.yml` CI 文件。
|
||
|
||
1. 确保上述的构建步骤已完成。
|
||
2. 确保 `python3` 已安装。
|
||
3. 执行下述代码
|
||
```sh
|
||
python3 -m zipfile -c um-react.zip dist/.
|
||
```
|
||
|
||
## 打包 win64 单文件
|
||
|
||
利用 Windows 系统自带的 [Edge WebView2 组件](https://learn.microsoft.com/zh-cn/microsoft-edge/webview2/)
|
||
和 [wry](https://github.com/tauri-apps/wry) 进行一个单文件的打包。
|
||
|
||
大部分 Windows 10 或以上版本的操作系统已经集成了 WebView2 运行时。若无法正常启动，请[下载并安装 Edge WebView2 运行时](https://go.microsoft.com/fwlink/p/?LinkId=2124703)。
|
||
|
||
其它系统兼容性未知。
|
||
|
||
1. 确保你现在在 `linux-amd64` 环境下。
|
||
2. 确保上述的 `um-react.zip` 构建已完成。
|
||
3. 执行下述代码
|
||
```sh
|
||
./scripts/make-win64.sh
|
||
```
|
||
4. 等待提示 `[Build OK]` 即可。
|