{"html":"

Create an HTTP Server

\n 1234567891011121314\n

// server.mjs\nimport { createServer } from 'node:http';\n\nconst server = createServer((req, res) => {\n  res.writeHead(200, { 'Content-Type': 'text/plain' });\n  res.end('Hello World!\\n');\n});\n\n// starts a simple http server locally on port 3000\nserver.listen(3000, '127.0.0.1', () => {\n  console.log('Listening on 127.0.0.1:3000');\n});\n\n// run with `node server.mjs`\n

\n JavaScript\n \n

\n","css":".card-container {\n width: 380px;\n height: 300px;\n resize: both;\n overflow: hidden;\n background: #c0c0c0;\n border: 2px outset #c0c0c0;\n padding: 2px;\n font-family: \"MS Sans Serif\", \"Tahoma\", sans-serif;\n font-size: 11px;\n}\n\n.card {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: #c0c0c0;\n border: 2px inset #c0c0c0;\n overflow: hidden;\n color: #000000;\n}\n\n.card-header {\n background: #000080;\n padding: 0;\n flex-shrink: 0;\n border-bottom: 1px solid #000000;\n}\n\n.card-tabs {\n display: flex;\n background: #c0c0c0;\n border-bottom: 1px solid #808080;\n height: 20px;\n}\n\n.card-tab {\n padding: 2px 8px;\n font-size: 11px;\n color: #000000;\n background: #c0c0c0;\n border: 2px outset #c0c0c0;\n border-bottom: none;\n cursor: pointer;\n height: 18px;\n margin-top: 1px;\n}\n\n.card-tab.active {\n background: #c0c0c0;\n border: 2px outset #c0c0c0;\n border-bottom: 1px solid #c0c0c0;\n margin-top: 0;\n height: 19px;\n position: relative;\n z-index: 2;\n}\n\n.card-body {\n display: flex;\n flex-grow: 1;\n overflow: auto;\n padding: 4px 0 4px 2px;\n font-family: \"Courier New\", monospace;\n font-size: 12px;\n line-height: 1.2;\n background: #ffffff;\n border: 1px inset #808080;\n margin: 2px;\n}\n\n.line-numbers {\n display: flex;\n flex-direction: column;\n padding: 0 6px;\n text-align: right;\n color: #808080;\n user-select: none;\n font-size: 12px;\n background: #f0f0f0;\n border-right: 1px solid #c0c0c0;\n}\n\n.code-content {\n margin: 0;\n padding: 0 4px;\n white-space: pre;\n overflow-x: auto;\n color: #000000;\n}\n\n.code-comment {\n color: #008000;\n}\n.code-keyword {\n color: #0000ff;\n font-weight: bold;\n}\n.code-variable {\n color: #800080;\n}\n.code-variable-2 {\n color: #ff0000;\n}\n.code-function {\n color: #000000;\n font-weight: bold;\n}\n.code-string {\n color: #808080;\n}\n.code-number {\n color: #000000;\n}\n\n.card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #c0c0c0;\n padding: 2px 4px;\n border-top: 1px solid #808080;\n flex-shrink: 0;\n height: 22px;\n}\n\n.language-name {\n color: #000000;\n font-weight: normal;\n}\n\n.copy-button {\n display: flex;\n align-items: center;\n gap: 4px;\n background: #c0c0c0;\n color: #000000;\n border: 2px outset #c0c0c0;\n padding: 0 6px;\n cursor: pointer;\n font-size: 11px;\n height: 18px;\n}\n\n.copy-button:active {\n border: 2px inset #c0c0c0;\n padding: 1px 5px 0 7px;\n}\n\n.copy-button svg {\n width: 12px;\n height: 12px;\n}\n\n.copy-button-text {\n display: none;\n}\n\n.card-body::-webkit-scrollbar {\n width: 16px;\n}\n\n.card-body::-webkit-scrollbar-track {\n background: #c0c0c0;\n border: 1px outset #c0c0c0;\n}\n\n.card-body::-webkit-scrollbar-thumb {\n background: #c0c0c0;\n border: 2px outset #c0c0c0;\n}\n\n.card-body::-webkit-scrollbar-button {\n display: block;\n height: 16px;\n background: #c0c0c0;\n border: 2px outset #c0c0c0;\n}\n"}

plastic-fly-44

👁 实时预览

📝 源代码