乐趣区

关于javascript:前端工具链新宠Bun-Windows-下安装教程

jiezi

背景

最近前端工具链又火了一个我的项目 Bun，能够说内卷十分重大。Bun 是一个新的 JavaScript 运行时，内置了打包器、转译器、工作运行器和 npm 客户端。

Bun 是像 Node 或 Deno 一样的古代 JavaScript 运行时。和 node 不同的是 Bun 扩大自 JavaScriptCore，而不是 V8。Bun 原生实现了数百个 Node.js 和 Web API，包含约 90% 的 Node-API 函数（本机模块）、fs、path、Buffer 等。

Bun 的指标是在浏览器之外运行世界上大多数 JavaScript，为您的将来基础架构带来性能和复杂性的加强，并通过更好、更简略的工具进步开发人员的生产力。

小编打算在 Windows 上尝试装置 Bun 体验一下。

环境筹备

  1. 装置 WSL

官网提供了一键装置脚本，然而只能在 Linux、macOS、WSL 上运行，Windows 桌面环境无奈装置，所以你如果要在 windows 上装置，须要先装置 Linux 子系统也就是 WSL。

具体步骤能够参考微软官网文档 Install Linux on Windows with WSL

举荐应用 Windows Terminal 来疾速关上 WSL 终端：Microsoft Store: Windows Terminal

  1. 确保开启 BIOS 虚拟机性能

进入 BIOS 将虚拟化技术 Intel Virtual Technology 设置，由 Disable 禁用设置为 Enable 可用。

  1. 开启 Hyper-v

PowerShell 或者 CMD.exe 管理员模式运行

bcdedit /set hypervisorlaunchtype auto

对于虚拟机和 Hyper-v 的设置细节也能够参考这篇博文：Vmware Workstation16 呈现 “VMware Workstation 不可复原谬误：(vcpu-1)” 故障解决

装置 Bun

  1. 确保 WSL 零碎（我的是 Ubuntu）装置了 unzip，否则装置 Bun 的时候会报错
error: unzip is required to install Bun (see: https://github.com/Jarred-Sumner/bun#unzip-is-required

用 Terminal 关上 WSL，Ubuntu 零碎用以下命令装置 unzip

sudo apt-get install unzip
  1. WSL 下输出
 curl https://bun.sh/install | bash

呈现以下提醒即为装置胜利

Bun was installed successfully to /root/.bun/bin/bun

Manually add the directory to your $HOME/.bashrc (or similar)

   BUN_INSTALL="/root/.bun"
   PATH="$BUN_INSTALL/bin:$PATH"
  1. 依据提醒手动增加环境变量

应用 vim 关上 .bashrc 文件

vim /root/.bashrc

将以下环境变量设置增加进 .bashrc 文件开端保留即可

BUN_INSTALL="/root/.bun"
PATH="$BUN_INSTALL/bin:$PATH"

退出 WSL 再进入，测验是否装置胜利

bun -h
  1. 测试模块

应用 vscode 的 WSL 扩大来治理 WSL 零碎中的我的项目

官网具体教程 Get started using VSCode with WSL

咱们新建一个 http.js 文件，编写代码

// http.js
export default {
  port: 3000,
  fetch(request) {return new Response("Welcome to Bun!");
  },
};

启动 http 服务

bun run http.js

拜访 http://localhost:3000 就能够看到 Welcome to Bun! 信息，示意运行胜利。

官网还提供了更多案例能够尝试: Bun Examples

总结

体验下来，这款工具的应用还有待改良，特地是对于 Windows 用户，装置起来并不容易，最好能提供 Windows 安装包。以后只是 beta 版本，能够用作学习，要上生产应用可能还有段路要走，毕竟 Node.js 曾经被前端开发所熟知，而且还有 Deno 的生态正在建设，任重而道远。

参考

  • Vmware Workstation16 呈现 “VMware Workstation 不可复原谬误：(vcpu-1)” 故障解决
  • Bun
退出移动版