Wired Logic - 基于像素的数字电路模拟器教程
1. 项目目录结构及介绍
wired-logic-rs/
├── .github/
│ └── workflows/
├── examples/
├── src/
├── www/
├── .gitignore
├── Cargo.lock
├── Cargo.toml
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
└── webpack.config.js
目录结构说明
- .github/workflows: 包含GitHub Actions的工作流配置文件。
- examples: 包含项目的示例代码。
- src: 项目的源代码目录。
- www: 包含Web应用的前端资源。
- .gitignore: Git忽略文件配置。
- Cargo.lock: Rust项目的依赖锁定文件。
- Cargo.toml: Rust项目的配置文件。
- LICENSE: 项目的开源许可证文件。
- README.md: 项目的说明文档。
- package-lock.json: npm包的锁定文件。
- package.json: npm包的配置文件。
- webpack.config.js: Webpack的配置文件。
2. 项目的启动文件介绍
启动文件
- src/main.rs: 这是项目的入口文件,包含了程序的主要逻辑。
- www/index.html: 这是Web应用的入口HTML文件,包含了页面的基本结构。
启动流程
- 编译Rust代码: 使用
wasm-pack build
命令编译Rust代码为WebAssembly。 - 安装npm依赖: 使用
npm install
命令安装项目的前端依赖。 - 启动开发服务器: 使用
npm run serve
命令启动Webpack开发服务器。 - 生成生产包: 使用
npm run bundle
命令生成生产环境的打包文件。
3. 项目的配置文件介绍
Cargo.toml
[package]
name = "wired-logic-rs"
version = "0.1.0"
authors = ["iostapyshyn"]
edition = "2018"
[dependencies]
# 依赖项配置
[features]
# 特性配置
[lib]
# 库配置
[workspace]
# 工作区配置
package.json
{
"name": "wired-logic-rs",
"version": "0.1.0",
"scripts": {
"serve": "webpack-dev-server --mode development",
"bundle": "webpack --mode production"
},
"dependencies": {
// 依赖项配置
},
"devDependencies": {
// 开发依赖项配置
}
}
webpack.config.js
module.exports = {
entry: './src/main.rs',
output: {
filename: 'bundle.js',
path: __dirname + '/dist'
},
module: {
rules: [
{
test: /\.rs$/,
use: 'wasm-loader'
}
]
}
};
配置文件说明
- Cargo.toml: 配置Rust项目的依赖、特性、库等信息。
- package.json: 配置npm包的依赖、脚本等信息。
- webpack.config.js: 配置Webpack的入口、输出、模块规则等信息。
通过以上配置文件,可以实现项目的编译、开发服务器启动和生产包的生成。
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考