https://github.com/pcl-community/pcl.proto
本项目以PCL2和PCL2-CE为蓝本，旨在为各PCL分支版本提供一个标准化的原型样本。
https://github.com/pcl-community/pcl.proto
prototype vue3
Last synced: 4 months ago
JSON representation
本项目以PCL2和PCL2-CE为蓝本，旨在为各PCL分支版本提供一个标准化的原型样本。
- Host: GitHub
- URL: https://github.com/pcl-community/pcl.proto
- Owner: PCL-Community
- License: other
- Created: 2025-05-29T07:44:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-07T07:56:44.000Z (about 1 year ago)
- Last Synced: 2025-06-07T08:28:16.924Z (about 1 year ago)
- Topics: prototype, vue3
- Language: Vue
- Homepage: https://www.amagicpear.sbs/PCL.Proto/
- Size: 998 KB
- Stars: 1
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PCL.Proto
| [中文版点我](./README-CN.md) |
With the rapid launch of PCL branch versions, UI restoration has become a major challenge for many developers. PCL.Proto emerges as a solution.
This project is modeled after [PCL2](https://github.com/Hex-Dragon/PCL2) and [PCL2-CE](https://github.com/PCL-Community/PCL2-CE), with a goal of providing a standardized prototype sample for each PCL branch version. The repository is built using Vue3, and if your project uses Webview as the frontend, you can directly reference this project.
The project is also ready for preview at [PCL.Proto](https://www.amagicpear.sbs/PCL.Proto/).
## Prototype
If your PCL branch version or your custom launcher is not based on Web technology, referencing this repository directly might have limited convenience. You may head to [js.design - 「PCL.Prototype」](https://js.design/f/QVPQRY?p=zX2rcVk6Cy&mode=design) to view the specific application prototype, export the cut image or refer to the style code generated by it.
In case you would like to modify the prototype design file, you are welcome to [click this link](https://js.design/ti?c=tS-6qs0WDQJ3H4) to join the team.
## Project Configuration
### Prerequisites
- First, please ensure that `nodejs` or `bun` is installed on your device. If you use `npm` as the package manager, you can replace all `bun` commands below with `npm`.
- The device should have a usable rust toolchain installed. For Windows, the MSVC version of the toolchain is required. Additionally, ensure that you have installed the MSVC suite from the C++ development tools and the Windows SDK in the Visual Studio Installer. For macOS, make sure that Xcode is installed.
> [!NOTE]
> If you have any questions, please refer to [Prerequisites | Tauri](https://tauri.app/start/prerequisites/).
### Project Dependencies
After cloning this project, you need to run the following command to initialize the submodule:
```sh
git submodule update --init --recursive
```
Currently, the project is a Tauri + Vue3 + Vite project. Before running the project for the first time, please run the following command to install the front-end dependencies:
```sh
bun install
```
The backend dependencies will be managed by `cargo` automatically.
Then, use `bun run tauri icon` to automatically generate icons. You can then start the development and build processes.
> [!WARNING]
> The icons in this repository are excluded. Therefore, if you do not perform this step after cloning the repository, the `icons` folder will be empty, and the Tauri application will throw an error when it starts!
### Hot Reload Development
```sh
bun run tauri dev
```
### Build Tauri App
If only `bun` is installed on your device but `nodejs` is not installed, please change the`build/foreBuildCommand` content in `src-auri/tauri.conf.json `from `bun run build` to `bun run build-only`, which also needs to be modified when using npm.
## HELP WANTED!!
I want to make this project into a Vue component npm package, but I don't know how to do it. If there are any experts who can do component libraries, please contact me! Thank you!
## Credits
> If I have seen further it is by standing on ye shoulder of Giants.
> —— Sir Isaac Newton
### Directed referenced projects
[Vue.js](https://github.com/vuejs/core)
[TypeScript](https://github.com/microsoft/TypeScript)
[Pug](https://github.com/pugjs/pug)
[Vite](https://github.com/vitejs/vite)
[Vue Router](https://github.com/vuejs/vue-router-next)
[xml-js](https://www.npmjs.com/package/xml-js)
[Pinia](https://pinia.vuejs.org/)
[skinview3d](https://github.com/bs-community/skinview3d)
[Bun](https://bun.com/)
[Rust Programming Language](https://www.rust-lang.org/)
[Tauri](https://tauri.app/)
### Implementation or design reference
[Plain Craft Launcher](https://github.com/Meloong-Git/PCL)
[PCL2-CE](https://github.com/PCL-Community/PCL2-CE)
[PCL.Neo](https://github.com/PCL-Community/PCL.Neo)
[xphost008/MMCLL](https://github.com/xphost008/MMCLL)
[Steve-xmh/scl](https://github.com/Steve-xmh/scl)