# vProtyping

**Repository Path**: zw5125963/vProtyping

## Basic Information

- **Project Name**: vProtyping
- **Description**: virtual  HW product protyping tool 虚拟原型产品开发工具
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-07-08
- **Last Updated**: 2025-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<<<<<<< HEAD
=======

>>>>>>> v3.0
# virtual HW product protyping tool 虚拟原型产品开发工具

This template should help get you started developing with Tauri + Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
<<<<<<< HEAD
=======

## Renode的相关环境：

本机环境：window11，vsocoe，

下载地址：https://github.com/renode/renode/?tab=readme-ov-file#installation

![输入图片说明](images/renode%E4%B8%8B%E8%BD%BD%E7%95%8C%E9%9D%A2.png)

下载对应的Windows installer版本进行安装；下载好了后再将renode加入环境变量中；如果在windows的cmd下运行renode出现以下信息，说明安装成功


此时我们的renode框架安装成功，下一步就是安装tauri框架

#### Tauri环境安装：

1.1. Microsoft Visual Studio C++ 生成工具

您需要安装 Microsoft C++ 生成工具。 最简单的方法是下载 [Visual Studio 2022 生成工具](https://visualstudio.microsoft.com/visual-cpp-build-tools/)。 进行安装选择时，请勾选 "C++ 生成工具" 和 Windows 10 SDK

![Microsoft Visual Studio 安装程序](https://v1.tauri.app/zh-cn/assets/images/vs-installer-light-2045ab69912bc7862ed9b57a28edd8a6.png#gh-light-mode-only)

2.2WebView2：在windows上已经默认安装好了WebView2

2.3Rust安装：请前往 [https://www.rust-lang.org/zh-CN/tools/install](https://www.rust-lang.org/tools/install) 来安装 `rustup` (Rust 安装程序)

或者，您可以在 PowerShell 中使用 `winget` 命令安装程序：

要检查您是否正确安装了 Rust，请打开终端并运行如下命令：

```
$rustc --version
```

2.4Node.js或bun下载：

- node.js下载：https://nodejs.cn/download/（网上教程也比较多）
- bun下载：https://bun.sh/docs/installation（bun下载官网）；或直接使用：powershell -c "irm bun.sh/install.ps1 | iex"进行下载

此时我们的环境基本配置完成；
## v2版本
将代码下载好后运行

```
cargo tauri dev
```

即可运行代码；刚开始进行编译运行可能需要半小时左右；**需要注意的是这里我将tauri的版本迁移为了v2**

有关tauri的其他命令请访问tauri官网

[[快速开始 | Tauri Apps](https://v1.tauri.app/zh-cn/v1/guides/getting-started/setup)]:

建议直接使用

```
create-tauri-app
```

来进行项目的创建；对于不了解tauri的可以参考这篇文章：

[Tauri APP 开发笔记：初次构建 - 知乎](https://zhuanlan.zhihu.com/p/686566569)

## v3版本

### 启动方法
#### 1. 安装包（innosetup打包版本）
安装完成后，运行vProtyping.exe

![输入图片说明](images/logexe.png)
#### 2. vecode源码编译版本
运行

```
cargo tauri dev
```

### vProtyping使用方法
#### 搭建电路
根据需求在界面左侧可拖动搭建硬件，搭建后左键长按接口处可引出线路，进行接线

![输入图片说明](images/%E6%8E%A5%E7%BA%BF.png)
#### 加载固件
在界面左上角上传文件处加载源代码编译生成的固件文件如elf、bin等

![输入图片说明](images/elfbin.png)

固件文件需在linux上根据对应的芯片进行编译，可使用[STM32CubeF4](https://github.com/STMicroelectronics/STM32CubeF4)提供的固件包等进行编译

#### 运行
搭建好电路、加载对应固件后可直接点击 运行 启动renode，即可观察界面上的硬件变化

![输入图片说明](images/ledblid.png)
#### 保存、加载
直接点击 保存 可保存当前搭建好的电路，可在左下角保存列表拖放加载已有的项目

![输入图片说明](images/saveall.png)

### innosetup打包步骤
#### tauri打包
打包配置文件在/src-tauri/tauri.conf.json中

运行cargo tauri build后，会在/src-tauri/target/release中生成安装包（位于bundle下）及可执行文件
![输入图片说明](images/image.png)
##### 注意事项：

- 运行cargo tauri build之前，请先打包前端，即运行bun run build
- 打包好前端后，将/public文件夹复制到打包好的前端中，即/dist文件夹，这样前端才能正常显示图片
- 如果出现网络连接问题，参考https://blog.csdn.net/weixin_44897499/article/details/140959338

#### innosetup打包
tauri安装包无法打包platforms等依赖信息，因为若将platforms包含在配置文件的resource中，代码中很多路径都需要改变，因此使用innosetup将platforms与vProtyping一起打包
打包脚本参考如下：
![输入图片说明](images/d8a14500-c80c-4d3e-a195-e092d41ef4cf.png)

这样在安装时，除了会安装exe外，也会安装所需要的platforms文件


>>>>>>> v3.0