单位换算器：长度重量温度随手转，出国装行李再也不用百度

一个数、一个单位，输入进去就实时换成同类所有单位：长度从纳米一直排到光年，重量从微克到吨还带「斤 / 两」，温度单独用公式（摄氏、华氏、开尔文、兰氏）互相转。不用一个个点计算器，也不用搜「1 英里等于多少公里」。先看成品，再讲这次怎么用华为云 CodeArts 码道 WebUI 一段话把它做出来、部署上线。

这个工具做什么

它把日常最常用的单位换算收进一个页面：

• 六类单位：长度、重量、温度、面积、体积、速度，顶部标签切换。
• 实时换算：输入数值立刻列出同类所有单位的结果，不用点按钮。
• 光年级精度：长度从纳米、微米一直到光年，重量涵盖吨、千克、磅、盎司，还贴心地带了「斤 / 两」。
• 温度特殊处理：摄氏、华氏、开尔文、兰氏不是简单乘除，单独走公式。
• 数值自适应格式：超大或超小自动用科学计数法，普通数值自适应精度，大数带千分位。

码道开通（免费体验版）

开始之前，先免费开通码道体验版。不需要装任何软件，浏览器就能用：

https://developer.huaweicloud.com/codeartsco.html?source=dmzntgwsf&sourcead=dmzntgwwbwz

开通后有三种使用方式：WebUI（浏览器对话）、TUI（终端命令行）和桌面 IDE（IDE 插件）。本文用 WebUI 版演示。

进入 AI 开发者空间

1. 浏览器打开 https://devstation.developer.huaweicloud.com/aidevspace?utm_source=opcsfsq&utm_medium=wbwz
2. 弹窗「请选择要进入的版本」→ 点击 体验版
3. 首次使用会跳到华为云登录页，扫码登录一次，后续浏览器会话复用
4. 弹窗「临时凭据自动配置」→ 点击 同意，沙箱自动创建

进入 AI 开发者空间主界面后，先等左侧菜单加载出来，再找到 CodeArts，点击它右侧的浏览器图标，打开码道 WebUI 对话窗口：

打开后码道 WebUI 会先和你打招呼，下方就是需求输入框：

小贴士：体验版沙箱 3 小时后自动重置，生成完记得把 index.html 下载保存。

任务描述

在码道 WebUI 输入框粘贴以下需求，回车发送：

开发一个「单位换算器」网页应用：支持长度、重量、温度、面积、体积、速度等常用单位互转；输入数值立即实时换算成同类所有单位；类别和单位用下拉或卡片切换，界面简洁美观，单个网页打开即用。完成后用部署功能部署成可访问的网页应用，并告诉我访问地址。

这轮码道具体做了什么

不是复述通用 AI 能力，而是它在这篇项目里的实际动作：

• 先探测环境，发现 PYTHONHOME 污染的 python3 用不了，最终用 bash /dev/tcp 扫描找到空闲端口 3004。
• 创建 /workspace/unit-converter，写出单文件 index.html（约 280 行），把所有单位表和换算逻辑内联。
• 用 python3 -m http.server 3004 后台起服务，curl 自检状态码，拼出内部访问地址。

代码亮点

以下是 index.html 里值得关注的设计思路和实现细节。

1. 单位表：以「基准单位」为锚存换算系数

每个类别定义一个 base（基准单位），其余单位都存「1 个基准单位等于多少该单位」的系数；长度最远到光年，重量额外带上斤 / 两：

length: {
  name: "长度", icon: "📏", base: "米",
  units: {
    "千米 km": 1000, "米 m": 1, "分米 dm": 0.1, "厘米 cm": 0.01, "毫米 mm": 0.001,
    "微米 μm": 1e-6, "纳米 nm": 1e-9,
    "英寸 in": 0.0254, "英尺 ft": 0.3048, "码 yd": 0.9144,
    "英里 mi": 1609.344, "海里 nmi": 1852, "光年 ly": 9.4607304725808e15
  }
}

2. 通用换算：先转基准，再从基准转目标

非温度单位都套同一个流程：原值 × 原单位系数 = 基准值，基准值 ÷ 目标单位系数 = 结果：

const baseV = v * d.units[srcU];
result = baseV / d.units[u];

3. 温度单独走公式

温度不是线性比例，special 标记的类别先统一转摄氏，再从摄氏转目标单位：

function fromCelsius(c, u) {
  if (u.startsWith("摄氏度")) return c;
  if (u.startsWith("华氏度")) return c * 9 / 5 + 32;
  if (u.startsWith("开尔文")) return c + 273.15;
  if (u.startsWith("兰氏度")) return (c + 273.15) * 9 / 5;
  return c;
}

4. 数值格式自适应

fmt 根据量级决定输出：超大/超小用科学计数法，普通大数带千分位，中小数按精度保留，避免一堆长尾小数刷屏：

function fmt(x) {
  if (!isFinite(x)) return "—";
  if (x === 0) return "0";
  const a = Math.abs(x);
  if (a >= 1e15 || a < 1e-6) return x.toExponential(4);
  if (a >= 1000) return x.toLocaleString('en-US', { maximumFractionDigits: 3 });
  return parseFloat(x.toPrecision(6)).toString();
}

直接下载试玩

本次生成的项目就是单文件 index.html，没有第三方依赖，把文件保存到本地后双击用浏览器打开即可运行。源码同步到公开 Demo Park 仓库：

• Demo Park 仓库：https://atomgit.com/deli007/demo_park
• 本案例目录：https://atomgit.com/deli007/demo_park/tree/main/codearts-unit-converter

总结

单位换算器把六大类单位换算压进一个页面：普通单位用「基准单位」统一换算，温度单独走摄氏公式，数值格式按量级自适应。数据用一个对象表声明式管理，加一类单位基本就是补一段数据。后续还可以加汇率（实时数据）、常用换算收藏或离线存储。

如果还没用过码道，可以免费开通体验版：https://developer.huaweicloud.com/codeartsco.html?source=dmzntgwsf&sourcead=dmzntgwwbwz