PureScript Deku 项目教程

PureScript Deku 项目教程

purescript-deku A PureScript web UI framework 项目地址: https://gitcode.com/gh_mirrors/pu/purescript-deku

1. 项目的目录结构及介绍

PureScript Deku 项目的目录结构如下：

purescript-deku/
├── .github/
│   └── workflows/
├── codegen/
├── deku-core/
├── deku-css/
├── deku-dom/
├── deku/
├── .gitignore
├── .tidyrc.json
├── CHANGELOG.md
├── LICENSE
├── README.md
├── babel.config.js
├── deku.gif
├── index.test.js
├── jest.config.js
├── package.json
├── pnpm-lock.yaml
├── spago.lock
└── spago.yaml

目录结构介绍

• .github/workflows/: 包含 GitHub Actions 的工作流配置文件。
• codegen/: 代码生成相关的文件。
• deku-core/: Deku 核心模块的源代码。
• deku-css/: Deku 的 CSS 模块源代码。
• deku-dom/: Deku 的 DOM 模块源代码。
• deku/: Deku 主模块的源代码。
• .gitignore: Git 忽略文件配置。
• .tidyrc.json: Tidy 配置文件。
• CHANGELOG.md: 项目更新日志。
• LICENSE: 项目许可证文件。
• README.md: 项目介绍和使用说明。
• babel.config.js: Babel 配置文件。
• deku.gif: 项目相关图片。
• index.test.js: 测试文件。
• jest.config.js: Jest 测试框架配置文件。
• package.json: Node.js 项目的配置文件。
• pnpm-lock.yaml: pnpm 包管理器的锁定文件。
• spago.lock: Spago 包管理器的锁定文件。
• spago.yaml: Spago 配置文件。

2. 项目的启动文件介绍

PureScript Deku 项目的启动文件主要是 index.test.js。这个文件包含了项目的测试代码，用于验证 Deku 框架的功能和正确性。

// index.test.js
// 这里是项目的测试代码

3. 项目的配置文件介绍

3.1 package.json

package.json 是 Node.js 项目的配置文件，包含了项目的元数据和依赖项。

{
  "name": "purescript-deku",
  "version": "1.0.0",
  "description": "A PureScript web UI framework",
  "main": "index.js",
  "scripts": {
    "test": "jest"
  },
  "dependencies": {
    "purescript": "^0.14.5"
  },
  "devDependencies": {
    "jest": "^26.6.3"
  }
}

3.2 babel.config.js

babel.config.js 是 Babel 的配置文件，用于配置 JavaScript 的编译选项。

module.exports = {
  presets: ['@babel/preset-env'],
};

3.3 jest.config.js

jest.config.js 是 Jest 测试框架的配置文件，用于配置测试环境。

module.exports = {
  testEnvironment: 'node',
};

3.4 spago.yaml

spago.yaml 是 Spago 包管理器的配置文件，用于管理 PureScript 项目的依赖。

packages:
  purescript-deku:
    version: "1.0.0"

3.5 pnpm-lock.yaml

pnpm-lock.yaml 是 pnpm 包管理器的锁定文件，用于确保依赖项的版本一致性。

lockfileVersion: 5.3

通过以上配置文件，可以确保 PureScript Deku 项目的依赖管理和构建流程的顺利进行。

purescript-deku A PureScript web UI framework 项目地址: https://gitcode.com/gh_mirrors/pu/purescript-deku