{"id":256,"date":"2026-01-24T19:02:32","date_gmt":"2026-01-24T11:02:32","guid":{"rendered":"https:\/\/skwp.zeabur.app\/2026\/01\/24\/%e3%80%90bun-%e5%85%a8%e9%9d%a2%e6%95%99%e5%ad%b8%e3%80%9104-%e5%af%a6%e6%88%b0%e6%87%89%e7%94%a8%ef%bc%9a%e5%be%9e-node-js-%e5%b0%88%e6%a1%88%e9%81%b7%e7%a7%bb%e5%88%b0-bun\/"},"modified":"2026-01-24T19:02:32","modified_gmt":"2026-01-24T11:02:32","slug":"%e3%80%90bun-%e5%85%a8%e9%9d%a2%e6%95%99%e5%ad%b8%e3%80%9104-%e5%af%a6%e6%88%b0%e6%87%89%e7%94%a8%ef%bc%9a%e5%be%9e-node-js-%e5%b0%88%e6%a1%88%e9%81%b7%e7%a7%bb%e5%88%b0-bun","status":"publish","type":"post","link":"https:\/\/blog.itsmygo.uk\/wordpress\/2026\/01\/24\/%e3%80%90bun-%e5%85%a8%e9%9d%a2%e6%95%99%e5%ad%b8%e3%80%9104-%e5%af%a6%e6%88%b0%e6%87%89%e7%94%a8%ef%bc%9a%e5%be%9e-node-js-%e5%b0%88%e6%a1%88%e9%81%b7%e7%a7%bb%e5%88%b0-bun\/","title":{"rendered":"\u3010Bun \u5168\u9762\u6559\u5b78\u3011#04 \u5be6\u6230\u61c9\u7528\uff1a\u5f9e Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun"},"content":{"rendered":"\n<div id=\"quiz-basic\">\n<style>\n#quiz-basic .question {\n        background: white;\n        border-radius: 8px;\n        padding: 20px;\n        margin: 20px 0;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n      }#quiz-basic .question h3 {\n        margin-top: 0;\n        color: #333;\n      }#quiz-basic .options {\n        list-style: none;\n        padding: 0;\n      }#quiz-basic .options li {\n        padding: 12px 15px;\n        margin: 8px 0;\n        border: 2px solid #ddd;\n        border-radius: 6px;\n        cursor: pointer;\n        transition: all 0.2s;\n      }#quiz-basic .options li:hover:not(.disabled) {\n        border-color: #4caf50;\n        background: #f0fff0;\n      }#quiz-basic .options li.correct {\n        border-color: #4caf50;\n        background: #e8f5e9;\n      }#quiz-basic .options li.wrong {\n        border-color: #f44336;\n        background: #ffebee;\n      }#quiz-basic .options li.disabled {\n        cursor: default;\n        opacity: 0.7;\n      }#quiz-basic .options li.show-answer {\n        border-color: #4caf50;\n        background: #e8f5e9;\n      }#quiz-basic .feedback {\n        margin-top: 15px;\n        padding: 12px;\n        border-radius: 6px;\n        display: none;\n      }#quiz-basic .feedback.correct {\n        background: #e8f5e9;\n        color: #2e7d32;\n        display: block;\n      }#quiz-basic .feedback.wrong {\n        background: #ffebee;\n        color: #c62828;\n        display: block;\n      }#quiz-basic .score {\n        text-align: center;\n        font-size: 1.5em;\n        padding: 20px;\n        background: white;\n        border-radius: 8px;\n        margin-top: 20px;\n      }#quiz-basic .code-block {\n        background: #1e1e1e;\n        color: #d4d4d4;\n        padding: 14px;\n        border-radius: 6px;\n        font-family: \"Monaco\", \"Consolas\", \"Courier New\", monospace;\n        font-size: 0.9em;\n        overflow-x: auto;\n        margin: 12px 0;\n        white-space: pre-wrap;\n      }\n<\/style>\n<h1>\u6e2c\u9a57\uff1a\u5f9e Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun<\/h1>\n    <p>\u5171 5 \u984c\uff0c\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u7acb\u5373\u986f\u793a\u7d50\u679c<\/p>\n\n    <div class=\"question\" id=\"q1\">\n      <h3>1. \u5c07 Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun \u7684\u7b2c\u4e00\u6b65\u9a5f\u662f\u4ec0\u9ebc\uff1f<\/h3>\n      <ul class=\"options\">\n        <li onclick=\"checkAnswer(1, 'A', 'B')\">A. \u4fee\u6539 package.json \u7684 scripts<\/li>\n        <li onclick=\"checkAnswer(1, 'B', 'B')\">B. \u522a\u9664 node_modules \u548c\u820a\u7684 lock file<\/li>\n        <li onclick=\"checkAnswer(1, 'C', 'B')\">C. \u57f7\u884c bun install<\/li>\n        <li onclick=\"checkAnswer(1, 'D', 'B')\">D. \u4fee\u6539 Dockerfile<\/li>\n      <\/ul>\n      <div class=\"feedback\" id=\"fb1\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q2\">\n      <h3>2. \u5728 Bun \u4e2d\u53d6\u5f97\u76ee\u524d\u6a94\u6848\u7684\u76ee\u9304\u8def\u5f91\uff0c\u61c9\u8a72\u4f7f\u7528\u4ec0\u9ebc\u8a9e\u6cd5\uff1f<\/h3>\n      <ul class=\"options\">\n        <li onclick=\"checkAnswer(2, 'A', 'C')\">A. <code>__dirname<\/code>\uff08\u76f4\u63a5\u4f7f\u7528\uff09<\/li>\n        <li onclick=\"checkAnswer(2, 'B', 'C')\">B. <code>process.cwd()<\/code><\/li>\n        <li onclick=\"checkAnswer(2, 'C', 'C')\">C. <code>import.meta.dir<\/code><\/li>\n        <li onclick=\"checkAnswer(2, 'D', 'C')\">D. <code>Bun.dirname<\/code><\/li>\n      <\/ul>\n      <div class=\"feedback\" id=\"fb2\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q3\">\n      <h3>3. \u7576\u9077\u79fb\u5f8c\u9047\u5230 native module \u8f09\u5165\u932f\u8aa4\u6642\uff0c\u4ee5\u4e0b\u54ea\u500b\u662f\u6b63\u78ba\u7684\u8655\u7406\u65b9\u5f0f\uff1f<\/h3>\n      <ul class=\"options\">\n        <li onclick=\"checkAnswer(3, 'A', 'B')\">A. \u964d\u7d1a Bun \u7248\u672c<\/li>\n        <li onclick=\"checkAnswer(3, 'B', 'B')\">B. \u5c0b\u627e\u7d14 JavaScript \u5be6\u4f5c\u7684\u66ff\u4ee3\u5957\u4ef6<\/li>\n        <li onclick=\"checkAnswer(3, 'C', 'B')\">C. \u4fee\u6539 package.json \u7684 engines \u6b04\u4f4d<\/li>\n        <li onclick=\"checkAnswer(3, 'D', 'B')\">D. \u76f4\u63a5\u5ffd\u7565\u932f\u8aa4\u7e7c\u7e8c\u904b\u884c<\/li>\n      <\/ul>\n      <div class=\"feedback\" id=\"fb3\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q4\">\n      <h3>4. \u5728 Docker \u4e2d\u90e8\u7f72 Bun \u61c9\u7528\uff0cDockerfile \u7684 FROM \u6307\u4ee4\u61c9\u8a72\u4f7f\u7528\u54ea\u500b\u6620\u50cf\u6a94\uff1f<\/h3>\n      <div class=\"code-block\">FROM ??? AS base\nWORKDIR \/app<\/div>\n      <ul class=\"options\">\n        <li onclick=\"checkAnswer(4, 'A', 'A')\">A. <code>oven\/bun:1<\/code><\/li>\n        <li onclick=\"checkAnswer(4, 'B', 'A')\">B. <code>node:18<\/code><\/li>\n        <li onclick=\"checkAnswer(4, 'C', 'A')\">C. <code>bun\/official:latest<\/code><\/li>\n        <li onclick=\"checkAnswer(4, 'D', 'A')\">D. <code>alpine\/bun:1<\/code><\/li>\n      <\/ul>\n      <div class=\"feedback\" id=\"fb4\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q5\">\n      <h3>5. \u6839\u64da\u6f38\u9032\u5f0f\u9077\u79fb\u7b56\u7565\uff0c\u4ee5\u4e0b\u54ea\u500b\u662f\u6b63\u78ba\u7684\u9077\u79fb\u9806\u5e8f\uff1f<\/h3>\n      <ul class=\"options\">\n        <li onclick=\"checkAnswer(5, 'A', 'C')\">A. \u5168\u9762\u5207\u63db \u2192 \u6e2c\u8a66\u74b0\u5883 \u2192 \u958b\u767c\u74b0\u5883<\/li>\n        <li onclick=\"checkAnswer(5, 'B', 'C')\">B. \u751f\u7522\u74b0\u5883 \u2192 \u958b\u767c\u74b0\u5883 \u2192 \u6e2c\u8a66\u74b0\u5883<\/li>\n        <li onclick=\"checkAnswer(5, 'C', 'C')\">C. \u958b\u767c\u74b0\u5883 \u2192 \u6e2c\u8a66\u74b0\u5883 \u2192 \u7070\u5ea6\u767c\u5e03 \u2192 \u5168\u9762\u5207\u63db<\/li>\n        <li onclick=\"checkAnswer(5, 'D', 'C')\">D. \u7070\u5ea6\u767c\u5e03 \u2192 \u958b\u767c\u74b0\u5883 \u2192 \u6e2c\u8a66\u74b0\u5883 \u2192 \u5168\u9762\u5207\u63db<\/li>\n      <\/ul>\n      <div class=\"feedback\" id=\"fb5\"><\/div>\n    <\/div>\n\n    <div class=\"score\" id=\"score\" style=\"display:none;\"><\/div>\n<script>\n\n      let answered = 0;\n      let correct = 0;\n      const total = 5;\n      const explanations = {\n        1: \"\u9077\u79fb\u7684\u6b63\u78ba\u9806\u5e8f\u662f\uff1a\u5148\u522a\u9664\u820a\u7684 node_modules \u548c lock file\uff08\u5982 package-lock.json\u3001yarn.lock\uff09\uff0c\u7136\u5f8c\u7528 bun install \u91cd\u65b0\u5b89\u88dd\uff0c\u6700\u5f8c\u518d\u4fee\u6539 scripts\u3002\",\n        2: \"Bun \u63d0\u4f9b\u4e86\u66f4\u7c21\u6f54\u7684\u8a9e\u6cd5 <code>import.meta.dir<\/code> \u4f86\u53d6\u5f97\u76ee\u524d\u76ee\u9304\u8def\u5f91\uff0c<code>import.meta.file<\/code> \u53d6\u5f97\u6a94\u6848\u8def\u5f91\u3002\u9019\u6bd4 Node.js ESM \u9700\u8981\u4f7f\u7528 fileURLToPath \u7684\u5beb\u6cd5\u7c21\u55ae\u5f88\u591a\u3002\",\n        3: \"Native modules\uff08\u5982 bcrypt\uff09\u53ef\u80fd\u7121\u6cd5\u5728 Bun \u4e2d\u76f4\u63a5\u904b\u884c\u3002\u6b63\u78ba\u7684\u8655\u7406\u65b9\u5f0f\u662f\u627e\u7d14 JavaScript \u5be6\u4f5c\u7684\u66ff\u4ee3\u5957\u4ef6\uff0c\u4f8b\u5982\u7528 bcryptjs \u53d6\u4ee3 bcrypt\u3002\",\n        4: \"Bun \u7684\u5b98\u65b9 Docker \u6620\u50cf\u6a94\u662f <code>oven\/bun:1<\/code>\u3002oven \u662f Bun \u7684\u958b\u767c\u516c\u53f8\u540d\u7a31\u3002\u4f7f\u7528 node:18 \u6703\u8b93\u5bb9\u5668\u4f7f\u7528 Node.js \u800c\u975e Bun\u3002\",\n        5: \"\u6f38\u9032\u5f0f\u9077\u79fb\u61c9\u8a72\u5f9e\u98a8\u96aa\u6700\u4f4e\u7684\u74b0\u5883\u958b\u59cb\uff1a\u5148\u5728\u958b\u767c\u74b0\u5883\u8a66\u7528\uff0c\u78ba\u8a8d\u6c92\u554f\u984c\u5f8c\u5230\u6e2c\u8a66\u74b0\u5883\uff0c\u63a5\u8457\u7070\u5ea6\u767c\u5e03\uff08\u53ea\u8b93\u90e8\u5206\u6d41\u91cf\u4f7f\u7528 Bun\uff09\uff0c\u6700\u5f8c\u624d\u5168\u9762\u5207\u63db\u3002\"\n      };\n\n      function checkAnswer(qNum, selected, correctAns) {\n        const question = document.getElementById(\"q\" + qNum);\n        if (question.classList.contains(\"answered\")) return;\n\n        question.classList.add(\"answered\");\n        answered++;\n\n        const options = question.querySelectorAll(\".options li\");\n        options.forEach((opt) => {\n          opt.classList.add(\"disabled\");\n          if (opt.textContent.startsWith(correctAns + \".\")) {\n            opt.classList.add(\"show-answer\");\n          }\n        });\n\n        const feedback = document.getElementById(\"fb\" + qNum);\n        if (selected === correctAns) {\n          correct++;\n          feedback.className = \"feedback correct\";\n          feedback.innerHTML = \"\u2713 \u6b63\u78ba\uff01\" + explanations[qNum];\n        } else {\n          feedback.className = \"feedback wrong\";\n          feedback.innerHTML =\n            \"\u2717 \u932f\u8aa4\u3002\u6b63\u78ba\u7b54\u6848\u662f \" + correctAns + \"\u3002\" + explanations[qNum];\n          options.forEach((opt) => {\n            if (opt.textContent.startsWith(selected + \".\")) {\n              opt.classList.add(\"wrong\");\n            }\n          });\n        }\n\n        if (answered === total) {\n          const scoreDiv = document.getElementById(\"score\");\n          scoreDiv.style.display = \"block\";\n          scoreDiv.innerHTML =\n            \"\u6e2c\u9a57\u5b8c\u6210\uff01\u5f97\u5206\uff1a\" +\n            correct +\n            \" \/ \" +\n            total +\n            (correct === total\n              ? \" \ud83c\udf89 \u5168\u5c0d\uff01\"\n              : correct >= Math.ceil(total * 0.6)\n                ? \" \ud83d\udc4d \u4e0d\u932f\uff01\"\n                : \" \ud83d\udcda \u518d\u8907\u7fd2\u4e00\u4e0b\u5427\");\n        }\n      }\n    \n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e00\u53e5\u8a71\u8aaa\u660e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u628a\u73fe\u6709\u7684 Node.js \u5c08\u6848\u300c\u642c\u5bb6\u300d\u5230 Bun\uff0c\u4eab\u53d7\u66f4\u5feb\u7684\u901f\u5ea6\uff0c\u540c\u6642\u8655\u7406\u53ef\u80fd\u9047\u5230\u7684\u76f8\u5bb9\u6027\u554f\u984c\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u70ba\u4ec0\u9ebc\u8981\u9077\u79fb\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5148\u554f\u81ea\u5df1\uff1a\u9077\u79fb\u80fd\u5e36\u4f86\u4ec0\u9ebc\u597d\u8655\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u60c5\u5883<\/th>\n<th>\u9077\u79fb\u6548\u76ca<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u5c08\u6848\u555f\u52d5\u6642\u9593\u592a\u9577<\/td>\n<td>Bun \u51b7\u555f\u52d5\u5feb 5-10 \u500d<\/td>\n<\/tr>\n<tr>\n<td>npm install \u7b49\u5f88\u4e45<\/td>\n<td>bun install \u5feb 10-20 \u500d<\/td>\n<\/tr>\n<tr>\n<td>\u60f3\u7528 TypeScript \u4f46\u4e0d\u60f3\u8a2d\u5b9a<\/td>\n<td>Bun \u539f\u751f\u652f\u63f4\uff0c\u96f6\u8a2d\u5b9a<\/td>\n<\/tr>\n<tr>\n<td>\u5c08\u6848\u5927\u91cf\u4f7f\u7528 native modules<\/td>\n<td>\u53ef\u80fd\u4e0d\u9069\u5408\u9077\u79fb<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u9077\u79fb\u524d\u8a55\u4f30\uff1a\u76f8\u5bb9\u6027\u6aa2\u67e5\u6e05\u55ae<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u52d5\u624b\u4e4b\u524d\uff0c\u5148\u6aa2\u67e5\u9019\u4e9b\u9805\u76ee\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u7b2c\u4e00\u6b65\uff1a\u67e5\u770b\u4f60\u7684 dependencies<\/span>\ncat package.json | grep -A <span class=\"hljs-number\">100<\/span> <span class=\"hljs-string\">'\"dependencies\"'<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u5fc5\u770b\u61c2\uff1a\u9ad8\u76f8\u5bb9\u5957\u4ef6\uff08\u53ef\u4ee5\u653e\u5fc3\u9077\u79fb\uff09<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">Express \/ Fastify \/ Hono     <span class=\"hljs-comment\"># Web \u6846\u67b6<\/span>\nPrisma \/ Drizzle             <span class=\"hljs-comment\"># \u8cc7\u6599\u5eab ORM<\/span>\nZod \/ Yup                    <span class=\"hljs-comment\"># \u9a57\u8b49<\/span>\nLodash \/ Date-fns            <span class=\"hljs-comment\"># \u5de5\u5177\u51fd\u5f0f<\/span>\nAxios \/ node-fetch           <span class=\"hljs-comment\"># HTTP \u8acb\u6c42<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9700\u8981\u6ce8\u610f\uff1a\u53ef\u80fd\u6709\u554f\u984c\u7684\u5957\u4ef6<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">bcrypt \/ argon2              <span class=\"hljs-comment\"># \u6709 native bindings<\/span>\nsharp                        <span class=\"hljs-comment\"># \u5716\u7247\u8655\u7406\uff0c\u9700\u7528 bun \u7248\u672c<\/span>\nnode-gyp \u76f8\u95dc\u5957\u4ef6            <span class=\"hljs-comment\"># C++ \u7de8\u8b6f\u7684\u90fd\u8981\u5c0f\u5fc3<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u5feb\u901f\u6aa2\u67e5\u6307\u4ee4<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u6aa2\u67e5\u662f\u5426\u6709 native modules<\/span>\ngrep -r <span class=\"hljs-string\">\"node-gyp\\|prebuild\\|node-pre-gyp\"<\/span> node_modules<span class=\"hljs-comment\">\/*\/package.json\n\n# \u6aa2\u67e5 engines \u6b04\u4f4d\ncat package.json | grep -A 5 '\"engines\"'\n<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5be6\u969b\u9077\u79fb\u6b65\u9a5f<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f 1\uff1a\u5b89\u88dd Bun<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># macOS \/ Linux<\/span>\ncurl -fsSL https:<span class=\"hljs-comment\">\/\/bun.sh\/install | bash<\/span>\n\n<span class=\"hljs-comment\"># Windows\uff08\u9700\u8981 WSL\uff09<\/span>\n<span class=\"hljs-comment\"># \u5728 WSL \u4e2d\u57f7\u884c\u4e0a\u9762\u7684\u6307\u4ee4<\/span>\n\n<span class=\"hljs-comment\"># \u78ba\u8a8d\u5b89\u88dd\u6210\u529f<\/span>\nbun --version\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f 2\uff1a\u522a\u9664\u820a\u7684 node_modules \u548c lock file<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u522a\u9664\u820a\u7684\u4f9d\u8cf4<\/span>\nrm -rf node_modules\nrm package-lock.json    <span class=\"hljs-comment\"># npm \u7684 lock file<\/span>\nrm yarn.lock            <span class=\"hljs-comment\"># yarn \u7684 lock file<\/span>\nrm pnpm-lock.yaml       <span class=\"hljs-comment\"># pnpm \u7684 lock file<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f 3\uff1a\u7528 Bun \u91cd\u65b0\u5b89\u88dd<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"># <span class=\"hljs-selector-tag\">Bun<\/span> \u6703\u8b80\u53d6 <span class=\"hljs-selector-tag\">package<\/span><span class=\"hljs-selector-class\">.json<\/span>\uff0c\u91cd\u65b0\u5b89\u88dd\u6240\u6709\u4f9d\u8cf4\n<span class=\"hljs-selector-tag\">bun<\/span> <span class=\"hljs-selector-tag\">install<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u57f7\u884c\u5f8c\u4f60\u6703\u770b\u5230\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-8\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-tag\">bun<\/span> <span class=\"hljs-selector-tag\">install<\/span> <span class=\"hljs-selector-tag\">v1<\/span><span class=\"hljs-selector-class\">.0<\/span><span class=\"hljs-selector-class\">.0<\/span>\n\n + <span class=\"hljs-selector-tag\">express<\/span><span class=\"hljs-keyword\">@4<\/span>.18.2\n + typescript@<span class=\"hljs-number\">5.0<\/span>.<span class=\"hljs-number\">0<\/span>\n + ... \u5176\u4ed6\u5957\u4ef6\n\n <span class=\"hljs-number\">156<\/span> packages installed &#91;<span class=\"hljs-number\">524ms<\/span>]\n#                        \u2191 \u6ce8\u610f\u9019\u500b\u901f\u5ea6\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-8\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f 4\uff1a\u4fee\u6539 package.json \u7684 scripts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u4fee\u6539\u524d\uff08Node.js\uff09\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-9\" data-shcb-language-name=\"JSON \/ JSON with Comments\" data-shcb-language-slug=\"json\"><span><code class=\"hljs language-json\">{\n  <span class=\"hljs-attr\">\"scripts\"<\/span>: {\n    <span class=\"hljs-attr\">\"dev\"<\/span>: <span class=\"hljs-string\">\"ts-node src\/index.ts\"<\/span>,\n    <span class=\"hljs-attr\">\"start\"<\/span>: <span class=\"hljs-string\">\"node dist\/index.js\"<\/span>,\n    <span class=\"hljs-attr\">\"build\"<\/span>: <span class=\"hljs-string\">\"tsc\"<\/span>,\n    <span class=\"hljs-attr\">\"test\"<\/span>: <span class=\"hljs-string\">\"jest\"<\/span>\n  }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-9\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JSON \/ JSON with Comments<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">json<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u4fee\u6539\u5f8c\uff08Bun\uff09\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-10\" data-shcb-language-name=\"JSON \/ JSON with Comments\" data-shcb-language-slug=\"json\"><span><code class=\"hljs language-json\">{\n  <span class=\"hljs-attr\">\"scripts\"<\/span>: {\n    <span class=\"hljs-attr\">\"dev\"<\/span>: <span class=\"hljs-string\">\"bun run --watch src\/index.ts\"<\/span>,\n    <span class=\"hljs-attr\">\"start\"<\/span>: <span class=\"hljs-string\">\"bun run src\/index.ts\"<\/span>,\n    <span class=\"hljs-attr\">\"build\"<\/span>: <span class=\"hljs-string\">\"bun build src\/index.ts --outdir dist\"<\/span>,\n    <span class=\"hljs-attr\">\"test\"<\/span>: <span class=\"hljs-string\">\"bun test\"<\/span>\n  }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-10\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JSON \/ JSON with Comments<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">json<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9010\u884c\u89e3\u91cb\u8b8a\u5316<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-11\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-string\">\"dev\"<\/span>: <span class=\"hljs-string\">\"bun run --watch src\/index.ts\"<\/span>\n<span class=\"hljs-comment\">#       \u2191 \u7528 bun \u57f7\u884c<\/span>\n<span class=\"hljs-comment\">#              \u2191 --watch \u6a94\u6848\u8b8a\u66f4\u81ea\u52d5\u91cd\u555f<\/span>\n<span class=\"hljs-comment\">#                    \u2191 \u76f4\u63a5\u8dd1 TypeScript\uff0c\u4e0d\u9700\u8981 ts-node<\/span>\n\n<span class=\"hljs-string\">\"start\"<\/span>: <span class=\"hljs-string\">\"bun run src\/index.ts\"<\/span>\n<span class=\"hljs-comment\">#        \u2191 \u751f\u7522\u74b0\u5883\u4e5f\u53ef\u4ee5\u76f4\u63a5\u8dd1 .ts \u6a94<\/span>\n\n<span class=\"hljs-string\">\"test\"<\/span>: <span class=\"hljs-string\">\"bun test\"<\/span>\n<span class=\"hljs-comment\">#       \u2191 Bun \u5167\u5efa\u6e2c\u8a66\u6846\u67b6\uff0c\u4e0d\u9700\u8981 Jest<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-11\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f 5\uff1a\u6e2c\u8a66\u662f\u5426\u6b63\u5e38\u904b\u4f5c<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-12\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u8dd1\u8dd1\u770b\u958b\u767c\u6a21\u5f0f<\/span>\nbun run dev\n\n<span class=\"hljs-comment\"># \u8dd1\u6e2c\u8a66<\/span>\nbun test\n\n<span class=\"hljs-comment\"># \u5982\u679c\u6709\u554f\u984c\uff0c\u770b\u932f\u8aa4\u8a0a\u606f<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-12\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5e38\u898b\u554f\u984c\u8655\u7406<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u554f\u984c 1\uff1a\u627e\u4e0d\u5230\u6a21\u7d44<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-13\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">error: Cannot find <span class=\"hljs-built_in\">module<\/span> <span class=\"hljs-string\">'some-package'<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-13\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u89e3\u6cd5\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-14\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u91cd\u65b0\u5b89\u88dd\u8a72\u5957\u4ef6<\/span>\nbun add some-package\n\n<span class=\"hljs-comment\"># \u5982\u679c\u9084\u662f\u4e0d\u884c\uff0c\u53ef\u80fd\u662f Node.js \u5c08\u7528\u6a21\u7d44<\/span>\n<span class=\"hljs-comment\"># \u8a66\u8a66\u770b\u5b89\u88dd polyfill<\/span>\nbun add @aspect-build\/bazel-lib\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-14\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u554f\u984c 2\uff1aNative module \u932f\u8aa4<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-15\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">error: dyld: Library not loaded...\n<span class=\"hljs-comment\"># \u6216<\/span>\nerror: Cannot load native module\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-15\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u89e3\u6cd5\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-16\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u65b9\u6cd5 1\uff1a\u627e Bun \u76f8\u5bb9\u7684\u66ff\u4ee3\u5957\u4ef6<\/span>\n<span class=\"hljs-comment\"># \u4f8b\u5982 bcrypt \u2192 bcryptjs\uff08\u7d14 JS \u5be6\u4f5c\uff09<\/span>\nbun remove bcrypt\nbun add bcryptjs\n\n<span class=\"hljs-comment\"># \u65b9\u6cd5 2\uff1a\u8b93 Bun \u91cd\u65b0\u7de8\u8b6f<\/span>\nbun add sharp --rebuild\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-16\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u554f\u984c 3\uff1a\u74b0\u5883\u8b8a\u6578\u8b80\u4e0d\u5230<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-17\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-comment\">\/\/ Node.js \u5beb\u6cd5\uff08\u5728 Bun \u4e5f\u80fd\u7528\uff09<\/span>\n<span class=\"hljs-keyword\">const<\/span> port = process.env.PORT\n\n<span class=\"hljs-comment\">\/\/ Bun \u5c08\u5c6c\u5beb\u6cd5\uff08\u66f4\u63a8\u85a6\uff09<\/span>\n<span class=\"hljs-keyword\">const<\/span> port = Bun.env.PORT\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-17\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u5169\u7a2e\u90fd\u53ef\u4ee5\u7528\uff0c\u4f46 <code>Bun.env<\/code> \u6709\u66f4\u597d\u7684 TypeScript \u578b\u5225\u652f\u63f4\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u554f\u984c 4\uff1a__dirname \u548c __filename<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-18\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-comment\">\/\/ Node.js ESM \u5beb\u6cd5<\/span>\n<span class=\"hljs-keyword\">import<\/span> { fileURLToPath } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">'url'<\/span>\n<span class=\"hljs-keyword\">import<\/span> { dirname } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">'path'<\/span>\n<span class=\"hljs-keyword\">const<\/span> __filename = fileURLToPath(<span class=\"hljs-keyword\">import<\/span>.meta.url)\n<span class=\"hljs-keyword\">const<\/span> __dirname = dirname(__filename)\n\n<span class=\"hljs-comment\">\/\/ Bun \u5beb\u6cd5\uff08\u7c21\u55ae\u5f88\u591a\uff09<\/span>\n<span class=\"hljs-keyword\">const<\/span> __dirname = <span class=\"hljs-keyword\">import<\/span>.meta.dir\n<span class=\"hljs-keyword\">const<\/span> __filename = <span class=\"hljs-keyword\">import<\/span>.meta.file\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-18\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u554f\u984c 5\uff1a\u6e2c\u8a66\u6846\u67b6\u4e0d\u76f8\u5bb9<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-19\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\">\/\/ Jest \u8a9e\u6cd5\uff08\u90e8\u5206\u76f8\u5bb9\uff0c\u4f46\u5efa\u8b70\u6539\u7528 Bun \u5167\u5efa\uff09<\/span>\ndescribe(<span class=\"hljs-string\">'math'<\/span>, () =&gt; {\n  it(<span class=\"hljs-string\">'adds numbers'<\/span>, () =&gt; {\n    expect(<span class=\"hljs-number\">1<\/span> + <span class=\"hljs-number\">1<\/span>).toBe(<span class=\"hljs-number\">2<\/span>)\n  })\n})\n\n<span class=\"hljs-comment\">\/\/ Bun \u5167\u5efa\u6e2c\u8a66\uff08\u8a9e\u6cd5\u5e7e\u4e4e\u4e00\u6a23\uff09<\/span>\nimport { describe, it, expect } from <span class=\"hljs-string\">'bun:test'<\/span>\n\ndescribe(<span class=\"hljs-string\">'math'<\/span>, () =&gt; {\n  it(<span class=\"hljs-string\">'adds numbers'<\/span>, () =&gt; {\n    expect(<span class=\"hljs-number\">1<\/span> + <span class=\"hljs-number\">1<\/span>).toBe(<span class=\"hljs-number\">2<\/span>)\n  })\n})\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-19\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u5dee\u5225\u53ea\u5728 import \u4f86\u6e90\uff0c\u8a9e\u6cd5\u5b8c\u5168\u76f8\u5bb9\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6f38\u9032\u5f0f\u9077\u79fb\u7b56\u7565<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0d\u78ba\u5b9a\u8981\u4e0d\u8981\u5168\u9762\u9077\u79fb\uff1f\u7528\u9019\u500b\u7b56\u7565\uff1a<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u968e\u6bb5 1\uff1a\u958b\u767c\u74b0\u5883\u5148\u8a66<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-20\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u53ea\u5728\u672c\u6a5f\u7528 Bun<\/span>\nbun install\nbun run dev\n\n<span class=\"hljs-comment\"># CI\/CD \u548c\u751f\u7522\u74b0\u5883\u9084\u662f\u7528 Node.js<\/span>\n<span class=\"hljs-comment\"># \u9019\u6a23\u51fa\u554f\u984c\u53ef\u4ee5\u96a8\u6642\u9000\u56de\u53bb<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-20\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u968e\u6bb5 2\uff1a\u6e2c\u8a66\u74b0\u5883\u8a66\u8dd1<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-21\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u5728\u6e2c\u8a66\u74b0\u5883\u90e8\u7f72 Bun \u7248\u672c<\/span>\n<span class=\"hljs-comment\"># \u89c0\u5bdf\u662f\u5426\u6709\u554f\u984c<\/span>\n<span class=\"hljs-comment\"># \u58d3\u529b\u6e2c\u8a66\u6bd4\u8f03\u6548\u80fd<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-21\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u968e\u6bb5 3\uff1a\u7070\u5ea6\u767c\u5e03<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-22\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u53ea\u8b93\u4e00\u90e8\u5206\u6d41\u91cf\u8d70 Bun \u7248\u672c<\/span>\n<span class=\"hljs-comment\"># \u4f8b\u5982 10% \u6d41\u91cf<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-22\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u968e\u6bb5 4\uff1a\u5168\u9762\u5207\u63db<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u78ba\u8a8d\u6c92\u554f\u984c\u5f8c\uff0c\u518d\u5168\u9762\u4f7f\u7528 Bun\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u751f\u7522\u74b0\u5883\u90e8\u7f72<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Docker \u90e8\u7f72<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-23\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># Dockerfile<\/span>\nFROM oven\/bun:<span class=\"hljs-number\">1<\/span> <span class=\"hljs-keyword\">AS<\/span> base\nWORKDIR \/app\n\n<span class=\"hljs-comment\"># \u5b89\u88dd\u4f9d\u8cf4<\/span>\nFROM base <span class=\"hljs-keyword\">AS<\/span> install\nCOPY package.json bun.lockb .\/\nRUN bun install --frozen-lockfile\n\n<span class=\"hljs-comment\"># \u8907\u88fd\u539f\u59cb\u78bc\u4e26\u555f\u52d5<\/span>\nFROM base <span class=\"hljs-keyword\">AS<\/span> release\nCOPY --from=install \/app\/node_modules node_modules\nCOPY . .\n\nEXPOSE <span class=\"hljs-number\">3000<\/span>\nCMD &#91;<span class=\"hljs-string\">\"bun\"<\/span>, <span class=\"hljs-string\">\"run\"<\/span>, <span class=\"hljs-string\">\"src\/index.ts\"<\/span>]\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-23\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9010\u884c\u89e3\u91cb Dockerfile<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-24\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">FROM oven\/bun:<span class=\"hljs-number\">1<\/span> <span class=\"hljs-keyword\">AS<\/span> base\n<span class=\"hljs-comment\">#    \u2191 \u4f7f\u7528\u5b98\u65b9 Bun \u6620\u50cf\u6a94<\/span>\n<span class=\"hljs-comment\">#                \u2191 AS base \u662f\u591a\u968e\u6bb5\u5efa\u69cb\u7684\u547d\u540d<\/span>\n\nRUN bun install --frozen-lockfile\n<span class=\"hljs-comment\">#               \u2191 \u78ba\u4fdd\u4f7f\u7528 lock file \u7684\u7cbe\u78ba\u7248\u672c<\/span>\n\nCMD &#91;<span class=\"hljs-string\">\"bun\"<\/span>, <span class=\"hljs-string\">\"run\"<\/span>, <span class=\"hljs-string\">\"src\/index.ts\"<\/span>]\n<span class=\"hljs-comment\">#   \u2191 \u5bb9\u5668\u555f\u52d5\u6642\u57f7\u884c\u9019\u500b\u6307\u4ee4<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-24\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">Fly.io \u90e8\u7f72<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-25\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u5efa\u7acb fly.toml<\/span>\nfly launch\n\n<span class=\"hljs-comment\"># \u90e8\u7f72<\/span>\nfly deploy\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-25\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">fly.toml \u7bc4\u4f8b\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-26\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">&#91;build]\n  dockerfile = <span class=\"hljs-string\">\"Dockerfile\"<\/span>\n\n&#91;http_service]\n  internal_port = <span class=\"hljs-number\">3000<\/span>\n  force_https = <span class=\"hljs-literal\">true<\/span>\n\n&#91;env]\n  NODE_ENV = <span class=\"hljs-string\">\"production\"<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-26\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">Railway \u90e8\u7f72<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Railway \u81ea\u52d5\u5075\u6e2c Bun \u5c08\u6848\uff0c\u53ea\u9700\u8981\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-27\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u78ba\u4fdd\u6709 bun.lockb \u6a94\u6848<\/span>\nbun install\n\n<span class=\"hljs-comment\"># \u63a8\u9001\u5230 GitHub\uff0cRailway \u6703\u81ea\u52d5\u90e8\u7f72<\/span>\ngit push\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-27\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u4f55\u6642\u8a72\u9077\u79fb\uff1f<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u9069\u5408\u9077\u79fb\u7684\u60c5\u6cc1<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u65b0\u5c08\u6848\u6216\u5c0f\u578b\u5c08\u6848<\/li>\n<li>\u4e3b\u8981\u662f API server \u6216\u5de5\u5177\u8173\u672c<\/li>\n<li>\u60f3\u8981\u66f4\u5feb\u7684\u958b\u767c\u9ad4\u9a57<\/li>\n<li>\u5718\u968a\u9858\u610f\u5b78\u7fd2\u65b0\u5de5\u5177<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e0d\u9069\u5408\u9077\u79fb\u7684\u60c5\u6cc1<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5927\u578b\u55ae\u9ad4\u61c9\u7528\uff0c\u98a8\u96aa\u592a\u9ad8<\/li>\n<li>\u5927\u91cf\u4f7f\u7528 native modules<\/li>\n<li>\u5718\u968a\u6c92\u6709\u6642\u9593\u5b78\u7fd2<\/li>\n<li>\u7a69\u5b9a\u904b\u884c\u4e2d\uff0c\u6c92\u6709\u6548\u80fd\u554f\u984c<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u6c7a\u7b56\u6d41\u7a0b\u5716<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-28\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\">\u5c08\u6848\u6709\u6548\u80fd\u554f\u984c\u55ce\uff1f\n\u251c\u2500 \u6c92\u6709 \u2192 \u7dad\u6301 <span class=\"hljs-selector-tag\">Node<\/span><span class=\"hljs-selector-class\">.js<\/span>\uff0c\u4e0d\u7528\u9077\u79fb\n\u2514\u2500 \u6709 \u2192\n    \u5957\u4ef6\u90fd\u76f8\u5bb9\u55ce\uff1f\n    \u251c\u2500 \u4e0d\u78ba\u5b9a \u2192 \u5148\u5728\u958b\u767c\u74b0\u5883\u8a66\u7528\n    \u2514\u2500 \u76f8\u5bb9 \u2192\n        \u5718\u968a\u6709\u6642\u9593\u5b78\u7fd2\u55ce\uff1f\n        \u251c\u2500 \u6c92\u6709 \u2192 \u7dad\u6301 <span class=\"hljs-selector-tag\">Node<\/span><span class=\"hljs-selector-class\">.js<\/span>\n        \u2514\u2500 \u6709 \u2192 \u958b\u59cb\u9077\u79fb\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-28\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Vibe Coder \u6aa2\u67e5\u9ede<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u7576\u4f60\u770b\u5230\u300cNode.js \u9077\u79fb\u5230 Bun\u300d\u7684\u76f8\u95dc\u7a0b\u5f0f\u78bc\u6642\uff0c\u78ba\u8a8d\u9019\u4e9b\uff1a<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u524d<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-29\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u6709\u6c92\u6709 lock file\uff1f<\/span>\nls bun.lockb           <span class=\"hljs-comment\"># Bun \u7684 lock file<\/span>\n\n<span class=\"hljs-comment\"># package.json \u7684 scripts \u6539\u4e86\u55ce\uff1f<\/span>\ncat package.json | grep -A <span class=\"hljs-number\">10<\/span> <span class=\"hljs-string\">'\"scripts\"'<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-29\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u5f8c<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-30\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u80fd\u6b63\u5e38\u555f\u52d5\u55ce\uff1f<\/span>\nbun run dev\n\n<span class=\"hljs-comment\"># \u6e2c\u8a66\u6709\u904e\u55ce\uff1f<\/span>\nbun test\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-30\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u90e8\u7f72\u6642<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-31\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># Dockerfile \u7528\u7684\u662f Bun \u6620\u50cf\u6a94\u55ce\uff1f<\/span>\nFROM oven\/bun:<span class=\"hljs-number\">1<\/span>   <span class=\"hljs-comment\"># \u5c0d<\/span>\nFROM node:<span class=\"hljs-number\">18<\/span>      <span class=\"hljs-comment\"># \u932f\uff0c\u9019\u9084\u662f Node.js<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-31\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5b8c\u6574\u9077\u79fb\u7bc4\u4f8b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5047\u8a2d\u6709\u4e00\u500b Express \u5c08\u6848\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><span><code class=\"hljs\">my-express-app\/\n\u251c\u2500\u2500 package.json\n\u251c\u2500\u2500 package-lock.json\n\u251c\u2500\u2500 src\/\n\u2502   \u2514\u2500\u2500 index.ts\n\u2514\u2500\u2500 tests\/\n    \u2514\u2500\u2500 app.test.ts\n<\/code><\/span><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u524d<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-32\" data-shcb-language-name=\"JSON \/ JSON with Comments\" data-shcb-language-slug=\"json\"><span><code class=\"hljs language-json\"><span class=\"hljs-comment\">\/\/ package.json<\/span>\n{\n  <span class=\"hljs-attr\">\"scripts\"<\/span>: {\n    <span class=\"hljs-attr\">\"dev\"<\/span>: <span class=\"hljs-string\">\"ts-node-dev src\/index.ts\"<\/span>,\n    <span class=\"hljs-attr\">\"test\"<\/span>: <span class=\"hljs-string\">\"jest\"<\/span>\n  },\n  <span class=\"hljs-attr\">\"dependencies\"<\/span>: {\n    <span class=\"hljs-attr\">\"express\"<\/span>: <span class=\"hljs-string\">\"^4.18.0\"<\/span>\n  },\n  <span class=\"hljs-attr\">\"devDependencies\"<\/span>: {\n    <span class=\"hljs-attr\">\"typescript\"<\/span>: <span class=\"hljs-string\">\"^5.0.0\"<\/span>,\n    <span class=\"hljs-attr\">\"ts-node-dev\"<\/span>: <span class=\"hljs-string\">\"^2.0.0\"<\/span>,\n    <span class=\"hljs-attr\">\"jest\"<\/span>: <span class=\"hljs-string\">\"^29.0.0\"<\/span>,\n    <span class=\"hljs-attr\">\"@types\/express\"<\/span>: <span class=\"hljs-string\">\"^4.17.0\"<\/span>\n  }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-32\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JSON \/ JSON with Comments<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">json<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u6307\u4ee4<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-33\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># 1. \u522a\u9664\u820a\u7684<\/span>\nrm -rf node_modules package-lock.json\n\n<span class=\"hljs-comment\"># 2. \u7528 Bun \u5b89\u88dd<\/span>\nbun install\n\n<span class=\"hljs-comment\"># 3. \u79fb\u9664\u4e0d\u9700\u8981\u7684 devDependencies<\/span>\nbun remove ts-node-dev jest ts-jest @types\/jest\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-33\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u9077\u79fb\u5f8c<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-34\" data-shcb-language-name=\"JSON \/ JSON with Comments\" data-shcb-language-slug=\"json\"><span><code class=\"hljs language-json\"><span class=\"hljs-comment\">\/\/ package.json<\/span>\n{\n  <span class=\"hljs-attr\">\"scripts\"<\/span>: {\n    <span class=\"hljs-attr\">\"dev\"<\/span>: <span class=\"hljs-string\">\"bun run --watch src\/index.ts\"<\/span>,\n    <span class=\"hljs-attr\">\"test\"<\/span>: <span class=\"hljs-string\">\"bun test\"<\/span>\n  },\n  <span class=\"hljs-attr\">\"dependencies\"<\/span>: {\n    <span class=\"hljs-attr\">\"express\"<\/span>: <span class=\"hljs-string\">\"^4.18.0\"<\/span>\n  },\n  <span class=\"hljs-attr\">\"devDependencies\"<\/span>: {\n    <span class=\"hljs-attr\">\"typescript\"<\/span>: <span class=\"hljs-string\">\"^5.0.0\"<\/span>,\n    <span class=\"hljs-attr\">\"@types\/express\"<\/span>: <span class=\"hljs-string\">\"^4.17.0\"<\/span>\n  }\n}\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-34\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JSON \/ JSON with Comments<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">json<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u6e2c\u8a66\u6a94\u6848\u8abf\u6574<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-35\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-comment\">\/\/ tests\/app.test.ts<\/span>\n<span class=\"hljs-comment\">\/\/ \u53ea\u9700\u8981\u6539 import<\/span>\n<span class=\"hljs-keyword\">import<\/span> { describe, it, expect } <span class=\"hljs-keyword\">from<\/span> <span class=\"hljs-string\">'bun:test'<\/span>\n\ndescribe(<span class=\"hljs-string\">'GET \/'<\/span>, () =&gt; {\n  it(<span class=\"hljs-string\">'returns hello'<\/span>, <span class=\"hljs-keyword\">async<\/span> () =&gt; {\n    <span class=\"hljs-keyword\">const<\/span> res = <span class=\"hljs-keyword\">await<\/span> fetch(<span class=\"hljs-string\">'http:\/\/localhost:3000\/'<\/span>)\n    expect(res.status).toBe(<span class=\"hljs-number\">200<\/span>)\n  })\n})\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-35\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5c0d Vibe Coding \u7684\u5e6b\u52a9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b78\u6703\u9019\u4e9b\u9077\u79fb\u6982\u5ff5\u5f8c\uff0c\u4f60\u53ef\u4ee5\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u66f4\u7cbe\u6e96\u5730\u4e0b\u6307\u4ee4<\/strong>\uff1a\u7576\u4f60\u8acb AI \u5e6b\u5fd9\u5efa\u7acb\u65b0\u5c08\u6848\u6642\uff0c\u53ef\u4ee5\u660e\u78ba\u6307\u5b9a\u300c\u7528 Bun \u800c\u975e Node.js\u300d\uff0c\u4e26\u544a\u8a34 AI \u5c08\u6848\u662f\u5426\u6709 native modules \u7684\u9650\u5236\uff0c\u8b93 AI \u9078\u64c7\u6b63\u78ba\u7684\u5957\u4ef6<\/li>\n<li><strong>\u66f4\u6709\u6548\u5730 Review AI \u7522\u51fa<\/strong>\uff1a\u770b\u5230 AI \u751f\u6210\u7684 package.json\uff0c\u80fd\u5feb\u901f\u5224\u65b7 scripts \u662f\u5426\u6b63\u78ba\u4f7f\u7528 <code>bun run<\/code> \u800c\u975e <code>node<\/code>\uff0cDockerfile \u662f\u5426\u4f7f\u7528 <code>oven\/bun<\/code> \u6620\u50cf\u6a94<\/li>\n<li><strong>\u66f4\u5feb\u901f\u5730\u9664\u932f<\/strong>\uff1a\u9047\u5230 <code>Cannot find module<\/code> \u6216 <code>Cannot load native module<\/code> \u932f\u8aa4\u6642\uff0c\u77e5\u9053\u9019\u662f\u9077\u79fb\u5e38\u898b\u554f\u984c\uff0c\u80fd\u7528\u672c\u6587\u7684\u89e3\u6cd5\u5feb\u901f\u8655\u7406\uff0c\u800c\u975e\u8b93 AI \u53cd\u8986\u5617\u8a66\u932f\u8aa4\u65b9\u5411<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u672c\u7bc7\u91cd\u9ede\u56de\u9867<\/h2>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-36\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">\u9077\u79fb\u8a55\u4f30\uff1a\n\u251c\u2500 \u6aa2\u67e5 dependencies \u76f8\u5bb9\u6027\n\u251c\u2500 \u8b58\u5225 native modules\n\u2514\u2500 \u8a55\u4f30\u5718\u968a\u6e96\u5099\u5ea6\n\n\u9077\u79fb\u6b65\u9a5f\uff1a\n\u251c\u2500 \u522a\u9664 node_modules \u548c\u820a lock file\n\u251c\u2500 bun install \u91cd\u65b0\u5b89\u88dd\n\u251c\u2500 \u4fee\u6539 package.json scripts\n\u2514\u2500 \u6e2c\u8a66\u662f\u5426\u6b63\u5e38\n\n\u5e38\u898b\u554f\u984c\uff1a\n\u251c\u2500 native modules \u2192 \u627e\u7d14 JS \u66ff\u4ee3\n\u251c\u2500 \u74b0\u5883\u8b8a\u6578 \u2192 Bun.env\n\u251c\u2500 __dirname \u2192 <span class=\"hljs-keyword\">import<\/span>.meta.dir\n\u2514\u2500 Jest \u2192 bun:test\n\n\u90e8\u7f72\u65b9\u5f0f\uff1a\n\u251c\u2500 Docker (oven\/bun:<span class=\"hljs-number\">1<\/span>)\n\u251c\u2500 Fly.io\n\u2514\u2500 Railway\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-36\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u7cfb\u5217\u7e3d\u7d50<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u606d\u559c\u5b8c\u6210\u3010Bun \u5168\u9762\u6559\u5b78\u3011\u7cfb\u5217\uff01<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56de\u9867\u9019\u56db\u7bc7\u5b78\u5230\u7684\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u7bc7\u7ae0<\/th>\n<th>\u4e3b\u984c<\/th>\n<th>\u4f60\u5b78\u6703\u4e86<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>#01<\/td>\n<td>\u5feb\u901f\u5165\u9580<\/td>\n<td>\u5b89\u88dd\u3001\u57fa\u672c\u6307\u4ee4<\/td>\n<\/tr>\n<tr>\n<td>#02<\/td>\n<td>\u5167\u5efa\u529f\u80fd<\/td>\n<td>\u6a94\u6848\u64cd\u4f5c\u3001HTTP\u3001SQLite<\/td>\n<\/tr>\n<tr>\n<td>#03<\/td>\n<td>\u5957\u4ef6\u7ba1\u7406<\/td>\n<td>bun install\u3001workspace<\/td>\n<\/tr>\n<tr>\n<td>#04<\/td>\n<td>\u5be6\u6230\u9077\u79fb<\/td>\n<td>Node.js \u2192 Bun \u5b8c\u6574\u6d41\u7a0b<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u73fe\u5728\u4f60\u5df2\u7d93\u5177\u5099\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u95b1\u8b80 Bun \u5c08\u6848\u7a0b\u5f0f\u78bc\u7684\u80fd\u529b<\/li>\n<li>\u8a55\u4f30\u662f\u5426\u8a72\u7528 Bun \u7684\u5224\u65b7\u529b<\/li>\n<li>\u5fc5\u8981\u6642\u9077\u79fb\u5c08\u6848\u7684\u5be6\u6230\u6280\u80fd<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0b\u4e00\u6b65\u5efa\u8b70\uff1a\u6311\u4e00\u500b\u5c0f\u578b\u7684\u500b\u4eba\u5c08\u6848\uff0c\u5be6\u969b\u7528 Bun \u8dd1\u8dd1\u770b\uff01<\/p>\n\n\n\n<div id=\"quiz-advanced\">\n<style>\n#quiz-advanced .badge {\n        display: inline-block;\n        padding: 4px 10px;\n        border-radius: 12px;\n        font-size: 0.75em;\n        font-weight: bold;\n        margin-left: 8px;\n      }#quiz-advanced .badge.scenario {\n        background: #ebf8ff;\n        color: #2b6cb0;\n      }#quiz-advanced .badge.debug {\n        background: #fef3c7;\n        color: #92400e;\n      }#quiz-advanced .question-adv {\n        background: white;\n        border-radius: 10px;\n        padding: 24px;\n        margin: 20px 0;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        border-left: 4px solid #ed8936;\n      }#quiz-advanced .question-adv h3 {\n        margin-top: 0;\n        color: #2d3748;\n      }#quiz-advanced .code-block {\n        background: #1e1e1e;\n        color: #d4d4d4;\n        padding: 14px;\n        border-radius: 6px;\n        font-family: \"Menlo\", \"Monaco\", \"Courier New\", monospace;\n        font-size: 0.9em;\n        overflow-x: auto;\n        margin: 12px 0;\n        white-space: pre-wrap;\n      }#quiz-advanced .options-adv {\n        list-style: none;\n        padding: 0;\n      }#quiz-advanced .options-adv li {\n        padding: 14px 16px;\n        margin: 10px 0;\n        border: 2px solid #e2e8f0;\n        border-radius: 8px;\n        cursor: pointer;\n        transition: all 0.2s;\n      }#quiz-advanced .options-adv li:hover:not(.disabled) {\n        border-color: #ed8936;\n        background: #fffaf0;\n      }#quiz-advanced .options-adv li.disabled {\n        cursor: default;\n        opacity: 0.7;\n      }#quiz-advanced .options-adv li.show-answer {\n        border-color: #48bb78;\n        background: #f0fff4;\n      }#quiz-advanced .options-adv li.wrong {\n        border-color: #fc8181;\n        background: #fff5f5;\n      }#quiz-advanced .feedback-adv {\n        margin-top: 16px;\n        padding: 14px;\n        border-radius: 8px;\n        display: none;\n        line-height: 1.6;\n      }#quiz-advanced .feedback-adv.correct {\n        background: #f0fff4;\n        color: #276749;\n        display: block;\n      }#quiz-advanced .feedback-adv.wrong {\n        background: #fff5f5;\n        color: #c53030;\n        display: block;\n      }#quiz-advanced .feedback-adv \n      .score-adv {\n        text-align: center;\n        font-size: 1.4em;\n        padding: 24px;\n        background: white;\n        border-radius: 10px;\n        margin-top: 24px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      }#quiz-advanced .intro {\n        background: #ebf8ff;\n        padding: 16px;\n        border-radius: 8px;\n        margin-bottom: 20px;\n        color: #2c5282;\n      }\n<\/style>\n<h1>\u9032\u968e\u6e2c\u9a57\uff1a\u5f9e Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun<\/h1>\n    <div class=\"intro\">\n      <strong>\u6e2c\u9a57\u76ee\u6a19\uff1a<\/strong>\u9a57\u8b49\u4f60\u662f\u5426\u80fd\u5728\u5be6\u969b\u60c5\u5883\u4e2d\u61c9\u7528\u6240\u5b78\u3002<br \/>\n      \u5171 5 \u984c\uff0c\u5305\u542b\u60c5\u5883\u984c\u8207\u932f\u8aa4\u8a3a\u65b7\u984c\u3002\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 1 -->\n    <div class=\"question-adv\" id=\"qAdv1\">\n      <h3>1. \u4f60\u63a5\u624b\u4e00\u500b Node.js \u5c08\u6848\uff0c\u60f3\u8a55\u4f30\u662f\u5426\u9069\u5408\u9077\u79fb\u5230 Bun\u3002\u4f60\u767c\u73fe package.json \u4e2d\u6709\u4ee5\u4e0b\u4f9d\u8cf4\uff0c\u54ea\u500b\u53ef\u80fd\u9020\u6210\u9077\u79fb\u56f0\u96e3\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <div class=\"code-block\">{\n  &#8220;dependencies&#8221;: {\n    &#8220;express&#8221;: &#8220;^4.18.0&#8221;,\n    &#8220;prisma&#8221;: &#8220;^5.0.0&#8221;,\n    &#8220;bcrypt&#8221;: &#8220;^5.1.0&#8221;,\n    &#8220;zod&#8221;: &#8220;^3.22.0&#8221;\n  }\n}<\/div>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(1, 'A', 'C')\">A. express &#8211; \u56e0\u70ba\u662f\u820a\u7248\u6846\u67b6<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'B', 'C')\">B. prisma &#8211; \u56e0\u70ba\u662f\u8cc7\u6599\u5eab ORM<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'C', 'C')\">C. bcrypt &#8211; \u56e0\u70ba\u6709 native bindings<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'D', 'C')\">D. zod &#8211; \u56e0\u70ba\u4f7f\u7528 TypeScript<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv1\"><\/div>\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 2 -->\n    <div class=\"question-adv\" id=\"qAdv2\">\n      <h3>2. \u4f60\u7684\u5718\u968a\u60f3\u5617\u8a66 Bun\uff0c\u4f46\u5c0d\u7a69\u5b9a\u6027\u6709\u7591\u616e\u3002\u6700\u9069\u5408\u7684\u505a\u6cd5\u662f\u4ec0\u9ebc\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(2, 'A', 'B')\">A. \u76f4\u63a5\u5728\u751f\u7522\u74b0\u5883\u90e8\u7f72\uff0c\u89c0\u5bdf\u554f\u984c\u518d\u8655\u7406<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'B', 'B')\">B. \u5148\u5728\u958b\u767c\u74b0\u5883\u4f7f\u7528\uff0cCI\/CD \u548c\u751f\u7522\u74b0\u5883\u7dad\u6301 Node.js<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'C', 'B')\">C. \u7b49 Bun 2.0 \u7a69\u5b9a\u7248\u518d\u8a55\u4f30<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'D', 'B')\">D. \u5efa\u4e00\u500b\u5168\u65b0\u5c08\u6848\u4f86\u6e2c\u8a66\uff0c\u4e0d\u52d5\u73fe\u6709\u5c08\u6848<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv2\"><\/div>\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 3 -->\n    <div class=\"question-adv\" id=\"qAdv3\">\n      <h3>3. \u4f60\u8981\u5c07\u5df2\u9077\u79fb\u5230 Bun \u7684\u5c08\u6848\u90e8\u7f72\u5230 Docker\u3002\u4ee5\u4e0b\u54ea\u500b Dockerfile \u8a2d\u5b9a\u662f\u6b63\u78ba\u7684\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <div class=\"code-block\"># \u9078\u9805 A\nFROM node:18 AS base\nRUN npm install -g bun\n\n# \u9078\u9805 B\nFROM oven\/bun:1 AS base\nRUN bun install &#8211;frozen-lockfile\n\n# \u9078\u9805 C\nFROM alpine:latest AS base\nRUN apk add bun\n\n# \u9078\u9805 D\nFROM ubuntu:22.04 AS base\nRUN curl -fsSL https:\/\/bun.sh\/install | bash<\/div>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(3, 'A', 'B')\">A. \u9078\u9805 A &#8211; \u5728 Node \u57fa\u790e\u4e0a\u5b89\u88dd Bun<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'B', 'B')\">B. \u9078\u9805 B &#8211; \u4f7f\u7528\u5b98\u65b9 Bun \u6620\u50cf\u6a94<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'C', 'B')\">C. \u9078\u9805 C &#8211; \u4f7f\u7528 Alpine \u7684 apk \u5b89\u88dd<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'D', 'B')\">D. \u9078\u9805 D &#8211; \u5f9e Ubuntu \u624b\u52d5\u5b89\u88dd<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv3\"><\/div>\n    <\/div>\n\n    <!-- \u932f\u8aa4\u8a3a\u65b7\u984c 1 -->\n    <div class=\"question-adv\" id=\"qAdv4\">\n      <h3>4. \u5c0f\u660e\u9077\u79fb\u5c08\u6848\u5230 Bun \u5f8c\uff0c\u57f7\u884c <code>bun run dev<\/code> \u51fa\u73fe\u4ee5\u4e0b\u932f\u8aa4\u3002\u6700\u53ef\u80fd\u7684\u539f\u56e0\u662f\u4ec0\u9ebc\uff1f <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n      <div class=\"code-block\">$ bun run dev\nerror: Cannot load native module &#8216;bcrypt&#8217;\n    at node_modules\/bcrypt\/bcrypt.js:6:16<\/div>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(4, 'A', 'C')\">A. bcrypt \u5957\u4ef6\u7248\u672c\u592a\u820a\uff0c\u9700\u8981\u5347\u7d1a<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'B', 'C')\">B. \u6c92\u6709\u57f7\u884c bun install \u5b89\u88dd\u4f9d\u8cf4<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'C', 'C')\">C. bcrypt \u662f native module\uff0c\u9700\u63db\u6210\u7d14 JS \u7684 bcryptjs<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'D', 'C')\">D. Bun \u4e0d\u652f\u63f4\u4efb\u4f55\u5bc6\u78bc\u96dc\u6e4a\u5957\u4ef6<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv4\"><\/div>\n    <\/div>\n\n    <!-- \u932f\u8aa4\u8a3a\u65b7\u984c 2 -->\n    <div class=\"question-adv\" id=\"qAdv5\">\n      <h3>5. \u5c0f\u83ef\u5c07 Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun\uff0c\u4f46\u57f7\u884c\u6e2c\u8a66\u6642\u6240\u6709 Jest \u6e2c\u8a66\u90fd\u5931\u6557\u4e86\u3002\u5979\u7684 package.json \u5982\u4e0b\uff0c\u554f\u984c\u51fa\u5728\u54ea\u88e1\uff1f <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n      <div class=\"code-block\">\/\/ package.json\n{\n  &#8220;scripts&#8221;: {\n    &#8220;test&#8221;: &#8220;bun test&#8221;\n  }\n}\n\n\/\/ tests\/math.test.ts\ndescribe(&#8216;math&#8217;, () => {\n  it(&#8216;adds numbers&#8217;, () => {\n    expect(1 + 1).toBe(2)\n  })\n})<\/div>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(5, 'A', 'B')\">A. bun test \u4e0d\u652f\u63f4 TypeScript \u6e2c\u8a66\u6a94\u6848<\/li>\n        <li onclick=\"checkAnswerAdv(5, 'B', 'B')\">B. \u6e2c\u8a66\u6a94\u6848\u9700\u8981\u52a0\u5165 <code>import { describe, it, expect } from 'bun:test'<\/code><\/li>\n        <li onclick=\"checkAnswerAdv(5, 'C', 'B')\">C. \u9700\u8981\u5b89\u88dd @types\/bun \u624d\u80fd\u57f7\u884c\u6e2c\u8a66<\/li>\n        <li onclick=\"checkAnswerAdv(5, 'D', 'B')\">D. \u6e2c\u8a66\u6a94\u6848\u5fc5\u9808\u653e\u5728 __tests__ \u76ee\u9304\u4e0b<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv5\"><\/div>\n    <\/div>\n\n    <div class=\"score-adv\" id=\"scoreAdv\" style=\"display:none;\"><\/div>\n<script>\n\n      let answeredAdv = 0;\n      let correctAdv = 0;\n      const totalAdv = 5;\n      const explanationsAdv = {\n        1: \"<code>bcrypt<\/code> \u662f\u6709 native bindings \u7684\u5957\u4ef6\uff08\u4f7f\u7528 C++ \u7de8\u8b6f\uff09\uff0c\u5728 Bun \u4e2d\u53ef\u80fd\u7121\u6cd5\u6b63\u5e38\u904b\u4f5c\u3002\u89e3\u6c7a\u65b9\u6cd5\u662f\u6539\u7528\u7d14 JavaScript \u5be6\u4f5c\u7684 <code>bcryptjs<\/code>\u3002Express\u3001Prisma\u3001Zod \u90fd\u662f\u9ad8\u76f8\u5bb9\u6027\u5957\u4ef6\uff0c\u53ef\u4ee5\u653e\u5fc3\u9077\u79fb\u3002\",\n        2: \"\u6f38\u9032\u5f0f\u9077\u79fb\u7684\u7b2c\u4e00\u968e\u6bb5\u662f\u300c\u958b\u767c\u74b0\u5883\u5148\u8a66\u300d\u3002\u53ea\u5728\u672c\u6a5f\u4f7f\u7528 Bun\uff0cCI\/CD \u548c\u751f\u7522\u74b0\u5883\u7dad\u6301 Node.js\uff0c\u9019\u6a23\u51fa\u554f\u984c\u53ef\u4ee5\u96a8\u6642\u9000\u56de\u53bb\u3002\u76f4\u63a5\u5728\u751f\u7522\u74b0\u5883\u6e2c\u8a66\u98a8\u96aa\u592a\u9ad8\uff0c\u7b49\u5f85\u65b0\u7248\u672c\u5247\u6d6a\u8cbb\u4e86\u73fe\u6709\u7684\u6548\u80fd\u512a\u52e2\u3002\",\n        3: \"\u9078\u9805 B \u662f\u6b63\u78ba\u505a\u6cd5\uff0c\u4f7f\u7528\u5b98\u65b9\u6620\u50cf\u6a94 <code>oven\/bun:1<\/code>\u3002\u9078\u9805 A \u5728 Node \u57fa\u790e\u4e0a\u5b89\u88dd Bun \u662f\u591a\u6b64\u4e00\u8209\u4e14\u589e\u52a0\u6620\u50cf\u6a94\u5927\u5c0f\u3002\u9078\u9805 C \u7684 Alpine apk \u6c92\u6709 bun \u5957\u4ef6\u3002\u9078\u9805 D \u96d6\u7136\u53ef\u884c\u4f46\u4e0d\u5982\u5b98\u65b9\u6620\u50cf\u6a94\u512a\u5316\u3002\",\n        4: \"<code>bcrypt<\/code> \u662f native module\uff0c\u4f7f\u7528 C++ \u7de8\u8b6f\u7684\u4e8c\u9032\u4f4d\u6a94\uff0cBun \u7121\u6cd5\u76f4\u63a5\u8f09\u5165\u3002\u6b63\u78ba\u7684\u89e3\u6c7a\u65b9\u5f0f\u662f\u79fb\u9664 bcrypt\uff0c\u6539\u7528\u7d14 JavaScript \u5be6\u4f5c\u7684 <code>bcryptjs<\/code>\uff1a<code>bun remove bcrypt && bun add bcryptjs<\/code>\u3002\",\n        5: \"\u96d6\u7136 Bun \u7684\u6e2c\u8a66\u8a9e\u6cd5\u548c Jest \u5e7e\u4e4e\u76f8\u540c\uff0c\u4f46\u4f7f\u7528 <code>bun test<\/code> \u6642\uff0c\u6e2c\u8a66\u6a94\u6848\u9700\u8981\u660e\u78ba\u5f9e <code>bun:test<\/code> \u532f\u5165 describe\u3001it\u3001expect \u7b49\u51fd\u5f0f\u3002\u52a0\u5165 <code>import { describe, it, expect } from 'bun:test'<\/code> \u5373\u53ef\u89e3\u6c7a\u554f\u984c\u3002\"\n      };\n\n      function checkAnswerAdv(qNum, selected, correctAns) {\n        const question = document.getElementById(\"qAdv\" + qNum);\n        if (question.classList.contains(\"answered\")) return;\n\n        question.classList.add(\"answered\");\n        answeredAdv++;\n\n        const options = question.querySelectorAll(\".options-adv li\");\n        options.forEach((opt) => {\n          opt.classList.add(\"disabled\");\n          if (opt.textContent.startsWith(correctAns + \".\")) {\n            opt.classList.add(\"show-answer\");\n          }\n        });\n\n        const feedback = document.getElementById(\"fbAdv\" + qNum);\n        if (selected === correctAns) {\n          correctAdv++;\n          feedback.className = \"feedback-adv correct\";\n          feedback.innerHTML = \"\u2713 \u6b63\u78ba\uff01\" + explanationsAdv[qNum];\n        } else {\n          feedback.className = \"feedback-adv wrong\";\n          feedback.innerHTML =\n            \"\u2717 \u932f\u8aa4\u3002\u6b63\u78ba\u7b54\u6848\u662f \" + correctAns + \"\u3002\" + explanationsAdv[qNum];\n          options.forEach((opt) => {\n            if (opt.textContent.startsWith(selected + \".\")) {\n              opt.classList.add(\"wrong\");\n            }\n          });\n        }\n\n        if (answeredAdv === totalAdv) {\n          const scoreDiv = document.getElementById(\"scoreAdv\");\n          scoreDiv.style.display = \"block\";\n          let msg = \"\";\n          if (correctAdv === totalAdv) msg = \"\ud83c\udfaf \u5b8c\u7f8e\uff01\u4f60\u5df2\u7d93\u6e96\u5099\u597d\u5be6\u6230\u4e86\uff01\";\n          else if (correctAdv >= Math.ceil(totalAdv * 0.8))\n            msg = \"\ud83d\udcaa \u5f88\u68d2\uff01\u518d\u8907\u7fd2\u4e00\u4e0b\u932f\u7684\u984c\u76ee\";\n          else if (correctAdv >= Math.ceil(totalAdv * 0.6))\n            msg = \"\ud83d\udcd6 \u5efa\u8b70\u91cd\u8b80\u76f8\u95dc\u6bb5\u843d\u5f8c\u518d\u8a66\u4e00\u6b21\";\n          else msg = \"\ud83d\udd04 \u5efa\u8b70\u91cd\u65b0\u95b1\u8b80\u6587\u4ef6\uff0c\u7279\u5225\u6ce8\u610f\u64cd\u4f5c\u6d41\u7a0b\";\n          scoreDiv.innerHTML =\n            \"\u6e2c\u9a57\u5b8c\u6210\uff01\u5f97\u5206\uff1a\" + correctAdv + \" \/ \" + totalAdv + \"<br>\" + msg;\n        }\n      }\n    \n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6e2c\u9a57\uff1a\u5f9e Node.js \u5c08\u6848\u9077\u79fb\u5230 Bun \u5171 5 \u984c\uff0c\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u7acb\u5373\u986f\u793a\u7d50\u679c 1. \u5c07 Node.js  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rolpb_likes":0,"footnotes":""},"categories":[249],"tags":[250,263,264,262,265],"class_list":["post-256","post","type-post","status-publish","format-standard","hentry","category-bun","tag-bun","tag-docker-","tag-native-modules","tag-node-js-","tag-265"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":0,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/256\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}