【亲测免费】 Compiler Explorer 安装和配置指南

1. 项目基础介绍和主要编程语言

项目基础介绍

Compiler Explorer 是一个交互式的编译器探索网站，允许用户在浏览器中实时运行和查看多种编程语言的编译结果。该项目最初是为了展示 C++ 代码如何被翻译成汇编代码而创建的，但现在已扩展支持超过 30 种编程语言。

主要编程语言

Compiler Explorer 支持的主要编程语言包括但不限于：

• C
• C++
• C#
• F#
• Rust
• Go
• D
• Haskell
• Swift
• Pascal
• Python
• Java

2. 项目使用的关键技术和框架

关键技术和框架

• Node.js: 项目使用 Node.js 作为后端运行环境。
• TypeScript: 项目主要使用 TypeScript 进行开发。
• Webpack: 用于打包和构建前端资源。
• npm: 用于管理项目依赖。
• GoldenLayout: 用于配置用户界面布局。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

1. 安装 Node.js: 确保你的系统上安装了 Node.js（建议版本为 20 或更高）。你可以从 Node.js 官网 下载并安装。
2. 安装 Git: 确保你的系统上安装了 Git。你可以从 Git 官网 下载并安装。
3. 克隆项目仓库: 使用 Git 克隆 Compiler Explorer 的仓库到本地。

详细安装步骤

步骤 1: 克隆项目仓库

git clone https://github.com/compiler-explorer/compiler-explorer.git
cd compiler-explorer

步骤 2: 安装依赖

npm install

步骤 3: 配置项目

• 项目配置文件位于 etc/config 目录下。你可以根据需要编辑这些配置文件。
• 例如，如果你想使用自己的 GCC 或其他编译器，可以编辑 etc/config/LANG.defaults.properties 或创建一个新的 LANG.local.properties 文件。

步骤 4: 运行项目

make

• 这将启动 Compiler Explorer，默认运行在 http://localhost:10240/。

步骤 5: 开发模式

• 如果你想在开发模式下运行项目，可以使用以下命令：

make dev

• 开发模式下，项目会在文件更改时自动重新加载。

其他配置

• 语言支持: 你可以通过 make EXTRA_ARGS='--language LANG' 来限制 Compiler Explorer 只支持特定的编程语言。例如，只支持 C++：

make EXTRA_ARGS='--language c++'

• 编译器安装: 如果你想使用自己的编译器，可以参考 CONTRIBUTING.md 文件中的详细说明。

总结

通过以上步骤，你应该能够成功安装和配置 Compiler Explorer，并在本地运行它。如果你在安装过程中遇到任何问题，可以参考项目的 CONTRIBUTING.md 文件或联系项目维护者获取帮助。