Bun 创建首个应用

在开始本章之前,让我们先了解一些基本概念。Bun 是一个由 Laurie Voss 开发的 JavaScript 运行时环境和工具集,它旨在提供一个快速、高效的开发环境。Bun 不仅支持现代 JavaScript 和 TypeScript,还集成了许多常用的工具,如 npm 包管理器、Bundler、测试框架等。

接下来我们将一步步创建并运行你的第一个 Bun 应用程序。

安装 Bun

在开始之前,请确保你的系统上已经安装了 Node.js。尽管 Bun 可以独立于 Node.js 运行,但安装 Node.js 可以帮助你更容易地设置开发环境。

  1. 访问 Bun 的官方网站

  2. 按照网站上的说明下载并安装 Bun。对于大多数用户来说,这通常只需要一行命令即可完成。例如,在 macOS 或 Linux 上,你可以运行:

    在 Windows 上,你可以访问网站获取相应的安装脚本。

  3. 安装完成后,通过运行 bun --version 来验证安装是否成功。

创建项目目录

首先,我们需要创建一个新的项目目录,并进入该目录:

初始化项目

使用 bun init 命令来初始化一个新的 Bun 项目。这将会创建一个 package.json 文件,其中包含了项目的元数据和依赖信息:

这个命令会引导你输入一些基本信息,比如项目名称、版本、描述等。根据提示进行操作即可。

安装依赖

接下来,我们可以通过 bun add 命令来添加项目所需的依赖包。假设我们要创建一个简单的 Web 应用来展示“Hello, World!”,那么我们可以使用 Express.js 框架作为服务器:

如果你希望使用 TypeScript 编写代码,也可以添加 TypeScript 相关的依赖:

编写代码

现在我们已经准备好可以开始编写代码了。创建一个名为 index.ts 的文件,并在其中编写以下内容:

-- -------------------- ---- -------
------ ------- ---- ----------

----- --- - ----------
----- ---- - -----

------------ ----- ---- -- -
    ---------------- ---------
---

---------------- -- -- -
    ------------------- -- ------- -- ---------------------------
---

这段代码定义了一个简单的 Express 应用程序,当访问根路径 / 时,将返回 "Hello, World!" 的响应。

编译与运行

由于我们使用的是 TypeScript,因此需要先编译代码。幸运的是,Bun 自带了对 TypeScript 的支持,因此我们可以直接运行 TypeScript 代码而无需手动编译:

或者,如果你想使用更传统的构建方式,可以在 package.json 中添加一个脚本:

然后运行:

打开浏览器,访问 http://localhost:3000,你应该能看到页面上显示的 "Hello, World!" 文本。

调试与优化

在实际开发过程中,你可能需要对应用进行调试和优化。Bun 提供了一些内置工具来帮助你提高开发效率,例如:

  • 调试:Bun 支持通过 VSCode 等 IDE 进行断点调试。
  • 性能优化:使用 bun build 命令可以对代码进行打包和优化,以减少启动时间和内存消耗。

以上就是创建并运行你的第一个 Bun 应用程序的基本步骤。希望这个教程能帮助你快速入门 Bun 开发!


请注意,这里的教程是基于目前可用的信息编写的。随着 Bun 的发展,某些细节可能会有所变化。建议查阅官方文档以获得最新的信息。

上一篇: Bun 安装与环境搭建
下一篇: Bun 语法基础
纠错
反馈