---
title: "03-网页编译器实现"
created: 2025-11-25
tags:
  - 项目筑基
---
# 1、网页编译器实现（支持c++、py）

> [!note] 本篇导读
> 网页编译器的起点：本地 Express 后端 + 前端页面的最小实现（原话保留）。它的容器化续集在 Docker 组——[[08-docker部署网页编译器|08-docker部署网页编译器]] 和 [[09-使用docker部署在线编译器到服务器|09-部署到服务器]]，正好是"本地跑通 → 打包上云"的完整演进线。

创建一个文件夹 里面一个html文件 和一个node.js文件夹

![[image-96da41cc.png]]

确保电脑上已经安装了Node.js和C++编译器（例如g++），python 我们要创建一个Node.js应用程序，例如app.js，并使用Express.js作为Web框架。

打开cmd(win+r) 切换盘符 `e:`

再使用cd命令打开node.js文件夹 （`cd E:\备份\我的作品\Editor\node.js`）

使用以下命令来初始化一个新的Node.js项目： `npm init` 按照提示进行配置(一路回车表示默认）

安装Express.js： `npm install express --save`

在node.js目录下创建一个新文件app.js （此时应该有两个文件：package.json package-lock.json 一个文件夹node\_modules） （别管那三个 在当前目录创建app.txt 用于编辑 而后改成.js）

在app.js中编写服务器端代码: app.js

这样后端部分就搞定了 需要在执行前端前先打开服务

在命令行输入 `node app.js` 显示：Server is running on port 3000 表示成功 注意该黑窗口要一直打开着

然后进行前端部分 在html中编辑： Editor.html

运行html文件即可

因为启动服务需要先开后端再开前端 就有点繁琐 可以使用bat直接完成这个操作 创建txt文件：

```
@echo off
chcp 65001
start cmd /k node "E:\备份\我的作品\Editor\node.js\app.js"
start "" "E:\备份\我的作品\Editor\Editor.html"
```

更改为.bat后缀

双击运行.bat文件即可

  [[03-网页编译器实现|网页编译器实现]]

---
⬅️ [[02-public.zip|public.zip]] 🏠 [[00-网络与项目|00-网络与项目]] ➡️ [[04-Matrix-Synapse|Matrix-Synapse]]