Bun入门学习教程吊打Node或Deno的现代JS运行时

目录
  • 前言
  • 什么是 Bun
    • all-in-one
  • 为什么用 Bun
    • 性能测试结果
    • 为什么快
    • 内置兼容性
  • 快速上手
    • Mac/Linux 上安装
    • windows上安装
  • Bun 的常见功能使用
    • 1. 当做包管理器使用
    • 2. 直接运行scripts脚本
    • 3. 快速创建 Next.js 项目
    • 4. 快速创建 React 项目
    • 5. 运行 TypeScript
    • 6. 常用命令
    • 7. 配置文件 bunfig.toml
  • 总结

前言

可能有同学（wo）内心暗想：不是吧！阿sir，vue3、vite、前端工程化、前端可视化、前端框架已经把自己折磨的够呛了，怎么现在又来了个 Bun；

真是楚汉争霸之路尚未结束，三足鼎立之势怎能来临！

话虽如此，但是身为一名合（mo）格（yu）的前端 er，只能边含泪边诉苦了；

顺便说说 Bun 最近有多火：短短几天 star 数量就从 2k 涨到了现在（2022-07-14）的 24.7k；

长话短说，下面开始我们直接带走他 ~

什么是 Bun

Bun (读音类似于[bʌn]，包子的意思) 是一个像 Node 或 Deno 这样的现代 JavaScript 运行时;

通俗一点讲就是你可以在 Bun 上运行 JavaScript 代码，你是不是在想这不是跟 Node 和 Deno 一样的吗，这也能火？

别急嘛，咱们往后看；

all-in-one

官方还称其为： all-in-one JavaScript runtime；

所谓 all in one，是因为 Bun 和传统的 Node.js 这种传统的 javaScript 运行时 不同； Bun 提供了 打包、转译、安装和运行 JavaScript & TypeScript 项目的功能，内置原生打包器 (native bundler)、转译器、task runner、npm 客户端，以及数百个 Node.js API 和 Web API，包括约 90% 的 Node-API 函数（本机模块）、fs、path、Buffer 等。

这就意味着你可以实现在 Bun 上运行的大部分 Node API 和 Web API， 还可以在不需要使用 Webpack、Rollup、esbuild、babel 等工具的前提下直接运行 TypeScript 、JSX 了；

乍一看，是不是瞬间档次高了许多？

但是这样还不足以让你在同事、面试官的跟前吹

赞 (0)

相关推荐

  • Windows下安装Bun像Node或Deno的现代JS运行时

    目录 背景 环境准备 安装 Bun 总结 背景 最近前端工具链又火了一个项目 Bun,可以说内卷非常严重.Bun 是一个新的 JavaScript 运行时,内置了打包器.转译器.任务运行器和 npm 客户端. Bun 是像 Node 或 Deno 一样的现代 JavaScript 运行时.和 node 不同的是 Bun 扩展自 JavaScriptCore,而不是 V8.Bun 原生实现了数百个 Node.js 和 Web API,包括约 90% 的 Node-API 函数(本机模块).fs.p

  • Windows系统下Node.js安装以及环境配置的完美教程

    Windows系统下Node.js安装以及环境配置的完美教程

    目录 一.安装环境 二.安装Node.js步骤 三.前期准备 1.Node.js简介 2.下载Node.js 四.开始安装 五.环境配置 六.测试 本人安装路径实况 总结 一.安装环境 1.本机系统:Windows 10 Pro(64位) (楼主win7,完美通过) 2.Node.js:v6.9.2LTS(64位) (楼主版本2018-11-01下载的最新版本) 二.安装Node.js步骤 1.下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 2

  • windows下安装mongodb以及node.js连接mongodb实例

    windows下安装mongodb以及node.js连接mongodb实例

    一.MongoDB 下载 下载地址  https://www.mongodb.com/download-center#community  选择windows版下载,然后安装. 二.安装完毕后创建数据目录. MongoDB将数据目录存储在 db 目录下.但是这个数据目录不会主动创建,我们在安装完成后需要创建它.请注意,数据目录应该放在根目录下((如: C:\ 或者 D:\ 等 ).可以选择命令行创建,也可以手动创建. 最后生成这样的目录 c:>data>db 三.命令行下运行 MongoDB

  • Windows下安装 node 的版本控制工具 nvm

    NVM 是什么? NVM--Node Version Manager(Node版本管理器),用它可以方便的在机器上安装并维护多个Node的版本.那么为什么需要多个版本呢?场景有很多,比方说:你可能同时进行两个项目,而不同项目所使用的node版本是不一样的:又或者你要用更新的版本是做一些实验.这种情况下,如果没有NVM自己去安装和维护多个版本的node也是一件比较麻烦的事情.这就是NVM的价值. nodejs 是什么? Node.js 是一个基于 Chrome V8 引擎的 JavaScript

  • Bun入门学习教程吊打Node或Deno的现代JS运行时

    目录 前言 什么是 Bun all-in-one 为什么用 Bun 性能测试结果 为什么快 内置兼容性 快速上手 Mac/Linux 上安装 windows上安装 Bun 的常见功能使用 1. 当做包管理器使用 2. 直接运行scripts脚本 3. 快速创建 Next.js 项目 4. 快速创建 React 项目 5. 运行 TypeScript 6. 常用命令 7. 配置文件 bunfig.toml 总结 前言 可能有同学(wo)内心暗想:不是吧!阿sir,vue3.vite.前端工程化.前

  • mybatis框架入门学习教程

    mybatis框架入门学习教程

    MyBatis是一个支持普通SQL查询,存储过程和高级映射的优秀持久层框架.MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及对结果集的检索封装.MyBatis可以使用简单的XML或注解用于配置和原始映射,将接口和Java的POJO(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录. 1.创建工程,导入jar包 创建一个java工程或者web工程都可以,然后导入mybatis的jar包和依赖包还有数据库的jar包,本人使用Oracle10g数据库

  • Python装饰器入门学习教程(九步学习)

    装饰器(decorator)是一种高级Python语法.装饰器可以对一个函数.方法或者类进行加工.在Python中,我们有多种方法对函数和类进行加工,比如在Python闭包中,我们见到函数对象作为某一个函数的返回结果.相对于其它方式,装饰器语法简单,代码可读性高.因此,装饰器在Python项目中有广泛的应用. 这是在Python学习小组上介绍的内容,现学现卖.多练习是好的学习方式. 第一步:最简单的函数,准备附加额外功能 # -*- coding:gbk -*- '''示例1: 最简单的函数,表

  • Ajax入门学习教程（一）

    Ajax入门学习教程（一）

    1 什么是AJAX AJAX(Asynchronous JavaScript And XML)翻译成中文就是"异步Javascript和XML".即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML). AJAX还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新.这一特点给用户的感受是在不知不觉中完成请求和响应过程. 与服务器异步交互: 浏览器页面局部刷新: 2. 同步交互与异步交互 同步交互:客户端发出一个

  • MyBatis入门学习教程（一）-MyBatis快速入门

    MyBatis入门学习教程（一）-MyBatis快速入门

    MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis .2013年11月迁移到Github. iBATIS一词来源于"internet"和"abatis"的组合,是一个基于Java的持久层框架.iBATIS提供的持久层框架包括SQL Maps和Data Access Objects(DAO) 首先给大家介绍MyBatis的含义

  • mybatis快速入门学习教程新手注意问题小结

    mybatis快速入门学习教程新手注意问题小结

    什么是mybatis MyBatis是支持普通SQL查询,存储过程和高级映射的优秀持久层框架.MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索.MyBatis使用简单的XML或注解用于配置和原始映射,将接口和Java的POJOs(Plan Old Java Objects,普通的Java对象)映射成数据库中的记录. orm工具的基本思想 无论是用过的hibernate,mybatis,你都可以法相他们有一个共同点: 1. 从配置文件(通常是XML配置文件中)得到 ses

  • MyBatis入门学习教程-MyBatis快速入门

    MyBatis入门学习教程-MyBatis快速入门

    目录 Mybatis 一.快速开始 1.创建 Maven 项目 2.导入 Maven 依赖 3.配置 Maven 插件 4.新建数据库,导入表格 5.编写 Mybatis 配置文件 6.编写实体类 7.编写 mapper 接口 8.编写 mapper 实现 9.Mybatis 配置文件中,添加 mapper 映射 10.编写 Mybatis 工具类 11.测试 二.日志添加 1.添加 Maven 依赖 2.添加 log4j 配置 3.Mybatis 中配置 LOG 4.执行测试 三.Mybati

  • Vue + OpenLayers 快速入门学习教程

    Vue + OpenLayers 快速入门学习教程

    Openlayers 是一个模块化.高性能并且功能丰富的WebGIS客户端的JavaScript包,用于显示地图及空间数据,并与之进行交互,具有灵活的扩展机制. 简单来说,使用 Openlayers(后面简称ol) 可以很灵活自由的做出各种地图和空间数据的展示.而且这个框架是完全免费和开源的. 前言 本文记录 Vue 使用 OpenLayers 入门,使用 OpenLayers 创建地图组件,分别使用 OpenLayers 提供的地图和本地图片做为地图. Overview OpenLayers

  • Kotlin入门学习教程之可见性修饰符

    目录 前言 1.包场景下的可见性修饰符 2.类内部声明的成员 总结 前言 在Kotlin中四种可见性修饰符:private.protected.internal.public,如果没有显示指定修饰符的话,默认可见性是public. 四种修饰符的说明 public修饰符表示 公有 .此修饰符的范围最大.当不声明任何修饰符时,系统会默认使用此修饰符. internal修饰符表示 模块 .对于模块的范围在下面会说明. protected修饰符表示 私有`+`子类.值得注意的是,此修饰符不能用于顶层声明

随机推荐