purescript 是一门基于 Haskell 的强类型函数式编程语言，其设计思想是为了更好地支持函数式编程的特点，如不变性、高阶函数和类型推导等。purescript 可以用来开发 web 应用、服务端应用、命令行工具等多种应用场景。在这篇文章中，我们将介绍 purescript 的 npm 包使用教程，帮助前端开发者更快地上手使用这门语言开发 web 应用。
安装 purescript
首先，我们需要在本地安装 purescript 和 purescript 的构建工具 pulp。
npm install -g purescript pulp
初始化项目
接下来，我们可以使用 pulp 初始化一个新项目。
pulp init
这会在当前目录下创建一个名为 purescript-project 的项目，并生成一些文件和文件夹。最重要的文件是 bower.json 和 package.json，它们分别用来管理前端依赖和后端依赖。
使用 purescript npm 包
在 purescript 中，我们可以使用一些 npm 包来方便地实现一些常见的操作，比如操作 DOM、处理时间等。在使用 npm 包前，我们需要先在 package.json 中添加所需的包。
{
"name": "purescript-project",
"version": "0.1.0",
"dependencies": {
"purescript-dom": "^1.4.0",
"purescript-moment": "^1.1.1"
}
}接下来，我们需要用 bower 安装这些依赖。
bower install
代码示例
下面是一个简单的代码示例，用来演示如何在 purescript 中使用 purescript-dom 包和 purescript-moment 包。
-- -------------------- ---- -------
------ ---- -----
------ -------
------ ---------------- --------
------ --- -------- ---------
------ -------- --------- ------------ -------------- -------------
------ -------------- ---------- ---------------
------ ------ -------------- ---------
---- -- ------ ----
---- - --
--- ------- -------
---- -- -------
------------ ----
----------- ----
------------ ---- --
-----
--- -- ------ -- ---- - -- - -- ------ ----
--- - - --
- -- ------ --- ---------------- --- ---------- ----- --
---- ----
------------ -- ----------- -- ------ ----
------------ ---- - --
------ -- ------------ ------ ----
---------------- ------ -------- -----
----------- -- ----------- -- ------ ----
----------- ---- - --
----- -- ----------- ------ ---- -----
---------------- ----- -------- -----
------------ -- ----------- -- ------ -- ------ ----
------------ ---- ----- - --
--------- -- ------------ -----
-------------- ---- ---------
------- -- ------ -----------
------- - --
--- -- --------
---- - ------------ --------
------------ -- ------ -- ------ ------
------------ ----- - --
------ -- --------
--- ---- - ------------ ----------- --------- ------
---- - ----------- ----- - -- ---- -- --------------- - -- ----- -- ------
------------ -- ------ -- ------ -------------
------------ ---- - --
------ -- --------- --- ---------------------- --------
-------------- ------ ----
---- -- -------
----------- ---- ------
---- ------
----------- -- ------ -- ------ ------------
----------- ----------- - --
----- -- --------- --- ---------------------- -------
------------------- ----- -----------
---- -- -------
----------- ---- -----
---- -----
---------------- -- ------------- -- ------ ---- -- ------ ----
---------------- ------ ------ - --
- -- ------ --- ------------ --- ------- ------- -- - -- ------
---- ----
---------------- -- ------------ -- ------- -- ------ ----- -- ------ ----
---------------- ----- ------ - --
- -- ------ --- ------------ --- ------- ------ -- - -- --
----- -- ------------- -----
------ -----
---- ----
------------- -- ------------ -- ------ ------
------------- - --------- - ------- - ------- --------
------------------- -- ------------ -- ------ -- ------ ----
------------------- ----- ----------- - --
- -- --------- - ------ - ------- ------------- ----------- -----
---- ----
-------------- -- ------- -- ------ -- ------ ----
-------------- ------- ------- - --
- -- --------- - ------ - ------- ------------- ------- -------
---- ----
---------------- -- ------ -- ------ -------
---------------- - --------- - --------------- --------- -----在本例中，我们通过 DOM 和 Moment 包实现了以下功能：
- 点击按钮，输出 "Hello, world!"。
- 输入内容，实时更新输出区域，并显示当前时间。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70885