首页
/ Elm 0.19 工作坊教程

Elm 0.19 工作坊教程

2024-09-08 10:53:24作者:庞眉杨Will

本教程将引导您了解并实践由 Richard Feldman 提供的 Elm 0.19 版本的工作坊。此工作坊分为入门和高级课程,旨在教授 Elm 编程语言的核心概念,以及如何构建从基础到复杂的应用程序。

1. 项目目录结构及介绍

Elm 0.19 工作坊的目录结构设计为了逐步学习和实践 Elm 的各项特性:

  • 根目录 包含了共同的指导说明和指向不同部分的链接。
    • intro: 入门课程的相关资料。
    • advanced: 高级课程的内容,适合已经有一定基础的开发者。
      • server: 这个子目录包含了用于支持前端 Elm 应用的后端服务器代码。
        • services: 含有服务定义的 Moleculer 目录,用于构建微服务环境。
        • package.json: Node.js 项目配置文件,定义了依赖和脚本命令。
      • src: Elm 源码存放位置,包括主应用逻辑。
    • `LICENSE**: 许可证文件,表明项目遵循 MIT 协议。
    • README.md: 主要的阅读材料,提供了快速上手的指南。

2. 项目的启动文件介绍

后端服务器启动

在进行 Elm 应用开发前,首先需要运行后端支持服务器。关键的启动步骤聚焦在 advanced/server 目录下:

  • 启动文件 主要是通过运行 npm 命令来启动,具体是执行 npm start。这将会启动一个基于 moleculer 的服务,该服务为 Elm 前端提供必要的 API 支持或者静态文件服务。

Elm UI 启动

  • 对于 Elm UI,虽然没有传统意义上的“启动”文件,但首次编译和构建 Elm 代码是通过在 advanced/server/ 或相应 Elm 源码目录下执行 elm make src/Main.elm --output=/server/public/elm.js 来完成的。这编译 Elm 源码并输出为 JavaScript 文件,准备由前端加载。

3. 项目的配置文件介绍

  • package.json:位于 advanced/server 中,定义了 Node.js 项目的依赖包和脚本命令。这是管理后端服务依赖和启动流程的关键文件。通过这个文件中的 scripts 部分,可以轻松地运行开发服务器 (npm start) 或处理其他构建任务。

  • elm-package.json(未直接提及,但通常存在于 Elm 项目中):在 Elm 项目的源码目录中,管理 Elm 的依赖项。不过在这个特定工作坊结构中,更多依赖于具体的课程说明而非独立列出的配置文件。

在操作这些环节时,请确保遵循根目录下的 README.md 中提供的具体指引,尤其是关于环境设置和先决条件的部分,以确保顺利进行项目的学习和开发。

登录后查看全文
热门项目推荐