Purescript Halogen 模板项目教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00745/article/details/141706241

Purescript Halogen 模板项目教程

purescript-halogen-templateTemplate project for getting started with Halogen项目地址:https://gitcode.com/gh_mirrors/pu/purescript-halogen-template

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

purescript-halogen-template/
├── src/
│   ├── Main.purs
│   └── Component.purs
├── test/
│   └── Main.purs
├── bower.json
├── package.json
├── spago.dhall
└── README.md

src/: 包含项目的主要源代码文件。
- Main.purs: 项目的入口文件，负责初始化和启动应用。
- Component.purs: 定义应用的主要组件。
test/: 包含测试文件。
- Main.purs: 测试入口文件。
bower.json: 定义项目依赖的 Bower 包。
package.json: 定义项目依赖的 npm 包。
spago.dhall: 定义项目依赖的 Spago 包。
README.md: 项目说明文档。

2. 项目的启动文件介绍

`src/Main.purs`

module Main where

import Prelude
import Effect (Effect)
import Halogen.Aff as HA
import Halogen.VDom.Driver (runUI)
import Component (component)

main :: Effect Unit
main = HA.runHalogenAff do
  body <- HA.awaitBody
  runUI component unit body

main 函数是项目的入口点，使用 runHalogenAff 运行 Halogen 应用，并将组件挂载到页面的 <body> 元素上。

3. 项目的配置文件介绍

`bower.json`

{
  "name": "purescript-halogen-template",
  "license": "MIT",
  "dependencies": {
    "purescript-halogen": "^6.0.0",
    "purescript-prelude": "^5.0.0"
  }
}

name: 项目名称。
license: 项目许可证。
dependencies: 项目依赖的 Bower 包。

`package.json`

{
  "name": "purescript-halogen-template",
  "version": "1.0.0",
  "scripts": {
    "build": "spago build",
    "serve": "parcel serve index.html"
  },
  "dependencies": {
    "parcel-bundler": "^1.12.4"
  }
}

name: 项目名称。
version: 项目版本。
scripts: 定义项目构建和运行命令。
dependencies: 项目依赖的 npm 包。

`spago.dhall`

{ name = "purescript-halogen-template"
, dependencies =
    [ "halogen"
    , "prelude"
    ]
, sources = [ "src/**/*.purs", "test/**/*.purs" ]
}

name: 项目名称。
dependencies: 项目依赖的 Spago 包。
sources: 项目源代码文件路径。

以上是 Purescript Halogen 模板项目的基本介绍和配置说明。希望这份文档能帮助你快速上手该项目。

purescript-halogen-templateTemplate project for getting started with Halogen项目地址:https://gitcode.com/gh_mirrors/pu/purescript-halogen-template