Fable.Template.Elmish.React 0.8.0
dotnet new install Fable.Template.Elmish.React::0.8.0
Fable.Elmish.React 模板
此模板可用于使用 Fable 和 Elmish 生成简单 Web 应用。您可以在 Nuget 中搜索 Fable.Template
包来找到更多模板。
要求
虽然不是 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# 错误一样,在编辑器中突出显示。
- 按
Ctrl+Shift+P
(macOS 上的Cmd+Shift+P
)并键入Run task
以构建项目。 - 选择
Tasks: Run Task
并按 Enter。 - 选择
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 |