Bun.js + HTMX 构建动态网站

Bun — A fast all-in-one JavaScript runtime

Develop, test, run, and bundle JavaScript & TypeScript projects—all with Bun. Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.

Bun.js 已经发布 1.0 版本了，这是一个非常好的消息。Bun.js 是一个全栈 JavaScript 运行时，它包含了一个 JavaScript 运行时、一个打包工具、一个测试工具和一个 Node.js 兼容的包管理器。

Bun Crash Course 2023 with HTMX example - YouTube

在油管上找到了一个 Bun.js 的视频教程，Bun.js + HTMX 构建一个Todo应用。这个视频教程非常适合初学者，我也是跟着视频教程一步一步做的。

安装 Bun.js

Bun.js 可以在Linux、MacOS、WSL上运行，Windows上暂时不支持。

1

curl -fsSL https://bun.sh/install | bash

我是在WSL上安装的，安装过程碰到了一些问题，这里记录一下。

安装过程中遇到的问题

问题一：未安装 Linux 发行版

先安装一个 Linux 发行版，默认安装的是 Ubuntu 20.04 LTS。

WSL 的基本命令 | Microsoft Learn

1

wsl --install

安装 WSL 和 Linux 的默认 Ubuntu 发行版。

问题二：默认不是Ubuntu

安装完 Ubuntu 之后，还需要设置默认的发行版。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


PS C:\WINDOWS\system32> wslconfig /l
适用于 Linux 的 Windows 子系统分发:
docker-desktop (默认)
Ubuntu
docker-desktop-data
PS C:\WINDOWS\system32> wslconfig /setdefault Ubuntu
操作成功完成。
PS C:\WINDOWS\system32> wslconfig /l
适用于 Linux 的 Windows 子系统分发:
Ubuntu (默认)
docker-desktop
docker-desktop-data

参考资料

Add instant database search with Django and HTMX 🕵️