Skip to content

大家好,我是农村程序员,独立开发者,行业观察员,前端之虎陈随易。

  • 关注公众号:陈随易,获取最新文章推送 (很多内容只在公众号发布)
  • 个人网站 1️⃣:https://chensuiyi.me
  • 个人网站 2️⃣:https://me.yicode.tech
  • 技术群,搞钱群,后端群,闲聊群,自驾群,有兴趣入群的联系我。

我会在这里分享关于 编程技术独立开发行业资讯思考感悟 等内容。

所有文章都是古法手打,经过了深度思考和总结,不含 AI 添加剂,请放心食用,一起灵魂交流。

一键三连 (点赞评论转发),可以给我提供曝光,带来一份早餐收入,谢谢大家~~


往期文章 👇:

  1. 2025年 100 个产品计划之第 6 个 (薪资跳动) - 薪资计算器,实时显示收入变化
  2. 2025年 100 个产品计划之第 7 个 (树图) - 目录结构生成工具
  3. 2025年 100 个产品计划之第 8 个 (代码迷踪) - 统计代码并分析编程习惯
  4. 2025年 100 个产品计划之第 9 个 (即时加密) - 给 JS 代码提供 5 档加密

昨天在微信群和朋友圈吐槽,说 AI 误我啊,全托管模式下 (Agent),花了大半天都没崩出个好屁来。

今天呢,痛定思痛,只用 Edit 模式来开发,结果从早上 9:45 到写文章的此刻 11:41,一共才花了 2 个小时,还是跟群友边聊天边开发的,你说气人不气人。

所以啊,AI 虽好,可不要贪多哦。


在如今的这个发展下,作为最为接近 AI 的程序员,有着得天独厚的优势,可以轻而易举地创造自己的产品,并有可能从中产生收入。

那么本系列呢,我将会在2025年 100 个小产品并把其中的部分产品盈利,来高速大家,做产品并不难,产品盈利也不是想象中那么遥不可及。

大家给个关注,防止迷路,免得找不到可以让大家体会到做产品比喝水还简单的独立开发专家——前端之虎陈随易。

那么话不多说,今天的产品介绍,如下 👇:

Bun Browser - 包子启服

一个 VSCode 扩展,让您可以使用 Bun 运行时快速执行 HTML、JavaScript 和 TypeScript 文件。

功能特性

  • 🚀 一键运行:在 HTML、JS、TS 文件上右键点击 “Bun 一下” 即可快速执行
  • 📁 多种触发方式:支持资源管理器、编辑器和编辑器标题栏的右键菜单
  • 🔄 智能终端复用:同一文件多次执行时自动复用已有终端
  • 💾 自动保存提醒:执行前检查文件是否已保存,并提供保存选项
  • 🎯 错误处理:友好的错误提示和 Bun 安装引导

系统要求

  • Bun 运行时 (必须预先安装)

安装

  1. 在 VSCode 扩展市场搜索 “Bun Browser” 或 “包子启服”
  2. 点击安装
  3. 重新加载 VSCode

使用方法

基本使用

  1. 右键点击文件 (在资源管理器或编辑器中)
  2. 选择 “Bun 一下” 菜单项
  3. 查看终端输出结果

终端管理

  • 智能复用:每个文件对应一个独立的终端,重复执行同一文件时会复用已有终端
  • 自动清理:执行新命令前会自动停止之前的进程 (Ctrl+C) 并清屏
  • 终端命名:每个终端以 Bun: 文件名 格式命名,便于识别

支持的文件类型

  • HTML 文件 (.html):使用 bun run 执行
  • JavaScript 文件 (.js):使用 bun run 执行
  • TypeScript 文件 (.ts):使用 bun run 执行

命令

扩展提供以下命令:

  • bunBrowser.run:执行当前文件 (显示名称:“Bun 一下”)

配置

目前扩展使用默认配置,无需额外设置。

常见问题

Bun 未安装提示

如果看到 “Bun 未安装” 的提示,请:

  1. 点击 “访问 Bun 官网” 按钮
  2. 按照官方指南安装 Bun
  3. 确保 bun 命令在系统 PATH 中可用

终端显示 ‘clear’ 不是内部命令

这是正常现象,扩展会根据操作系统自动选择正确的清屏命令 (Windows 使用 cls,其他系统使用 clear)。

文件执行失败

请检查:

  • 文件是否已保存
  • 文件路径是否包含特殊字符
  • Bun 是否正确安装

最后给大家分享一下我的主打产品,VSCode 编程神器 fnMap (函数地图),欢迎大家体验。

安装地址:https://sourl.cn/zmnsPf

何以解忧,唯有代码。不忘初心,方得始终。