Fable.Template.Elmish.React 0.8.0

dotnet new install Fable.Template.Elmish.React::0.8.0                
此包包含一个 .NET 模板包,您可以从 shell/命令行调用。

Fable.Elmish.React 模板

此模板可用于使用 FableElmish 生成简单 Web 应用。您可以在 Nuget 中搜索 Fable.Template 包来找到更多模板。

要求

  • .NET 6 或更高版本
  • node.js 4.8.2 或更高版本
  • npm:JS 包管理器

虽然不是 Fable 的要求,但在 macOS 和 Linux 上,您将需要 Mono 以用于其他 F# 工具,如 Paket 或编辑器支持。

安装模板

在终端中运行 dotnet new -i Fable.Template.Elmish.React::* 以安装或更新模板到最新版本。

在某些 shell 中,您可能需要引号: dotnet new -i "Fable.Template.Elmish.React::*"。如果您使用 dotnet core SDK 版本 2 或更高版本,您只需键入 dotnet new -i Fable.Template.Elmish.React

使用模板创建新项目

在终端中运行 dotnet new fable-elmish-react 以在当前目录下创建项目。要创建名为 awesome 的子文件夹并将新项目放在其中,请键入 dotnet new fable-elmish-react -n awesome

项目将具有目录的名称。如果目录名称包含类似连字符等特殊字符,您可能会遇到一些问题

构建和运行应用

运行 dotnet fsi build.fsx --watch 以启动开发服务器。每次您修改文件时,服务器都会自动更新。

您可以在 http://localhost:3000 访问应用。如果端口已被占用,将自动选择另一个端口(查看控制台以了解是哪个端口)。

如果您使用 VS Code + Ionide,您还可以使用 VSCode 任务运行程序。这也有优势,即 Fable 特定错误将与其他 F# 错误一样,在编辑器中突出显示。

  1. Ctrl+Shift+P(macOS 上的 Cmd+Shift+P)并键入 Run task 以构建项目。
  2. 选择 Tasks: Run Task 并按 Enter。
  3. 选择 Start 并按 Enter。

您对 F# 代码所做的任何修改在保存后都会反映在网页上。

要将应用程序构建,请运行 dotnet fsi build.fsx。您将在 src/dist/ 目录中找到结果。

项目结构

Paket

Paket 是用于 F# 依赖项的包管理器。它不需要全局安装,二进制文件包含在 .paket 文件夹中。其他与 Paket 相关的文件包括

  • paket.dependencies:包含所有存储库中的依赖项。
  • paket.references:每个 .fsproj 文件旁边都应有一个此类文件。
  • paket.lock文件:自动生成,但应该提交到源代码控制中,查看原因
  • Nuget.Config:防止与具有某些Nuget配置的计算机上发生冲突。

Paket依赖项将安装到packages目录中。请参见Paket网站了解更多信息。

npm

  • package.json:包含JS依赖项以及其他信息,如开发脚本。
  • package-lock.json:是npm5创建的锁文件。

JS依赖项将安装到node_modules目录中。请参见npm网站了解更多信息。

Vite

Vite是一个打包器,它将不同的JS源代码链接到一个文件中,使得部署变得容易得多。它还提供了其他功能,如静态开发服务器,可以在你的代码更改时自动刷新浏览器,以及用于生产发布的压缩器。Fable与Vite的交互就像与任何JavaScript代码一样。

  • vite.config.ts:是Vite的配置文件。它允许您设置很多事情:比如打包的路径、开发服务器的端口等。请参见Vite网站了解更多信息。

build.fsx

build.fsx是一个控制构建过程的脚本。它使用Fun.Build

  • .NETStandard 2.0

    • 没有依赖项。

NuGet包

此包未由任何NuGet包使用。

GitHub仓库

此包未由任何流行的GitHub仓库使用。

版本 下载 最后更新
0.8.0 996 5/17/2023
0.7.0 141 5/17/2023
0.6.0 969 9/8/2022
0.5.0 3,679 2/24/2020
0.4.0 1,676 1/28/2019
0.3.5 2,233 2/27/2018
0.3.4 1,176 11/28/2017
0.3.3 1,403 9/29/2017
0.3.2 1,185 9/26/2017
0.3.1 1,208 9/12/2017
0.3.0 1,147 9/12/2017
0.2.6 1,154 7/24/2017
0.2.5 1,080 7/7/2017
0.2.4 1,009 6/30/2017
0.2.3 1,088 6/12/2017
0.2.2 1,081 6/8/2017
0.2.1 1,039 5/17/2017
0.2.0 964 5/16/2017
0.1.8 1,026 4/18/2017
0.1.7 924 4/17/2017
0.1.6 972 4/13/2017
0.1.5 1,534 4/12/2017
0.1.4 982 4/11/2017
0.1.2 964 4/5/2017
0.1.1 915 4/5/2017
0.1.0 938 4/5/2017