The Odin Project 开发环境搭建完整指南从操作系统选型到 Google Chrome 安装【免费下载链接】curriculumThe open curriculum for learning web development项目地址: https://gitcode.com/GitHub_Trending/cu/curriculum本指南基于foundations/installations/installations.md课程文档系统讲解在开始 The Odin Project 全栈开发课程之前如何搭建一套真正可用的 Unix 系开发环境包括受支持的操作系统范围、四种 Linux 环境方案VirtualBox 虚拟机、双系统、ChromeOS、WSL2的选型与关键安装步骤以及课程唯一支持的浏览器 Google Chrome 的安装方式。学完本指南你将能够独立判断自己当前环境是否受课程支持并按照仓库内分步安装指南完成一套可长期用于编码、调试与测试的开发环境。为什么需要先搭建真实的开发环境构建任何网站的第一步是拥有正确的工具——一套用于编写高质量代码的开发环境。许多在线课程使用浏览器内编辑器或“沙箱”它们只提供完成任务所需的最小工具集适合快速起步但无法支撑长期学习。本课程在早期阶段也会用到部分沙箱但真正能让学习者长期受益的方式是在真实的开发环境中操作。安装软件包、代码编辑器甚至整个操作系统OS的过程可能令人沮丧但亲身体验配置一套能运行自己代码的开发环境是一项会伴随整个职业生涯的宝贵技能。本文档对应源码位于 foundations/installations/installations.md。跳过条件如果你已经在使用 macOS、Ubuntu 或 Ubuntu 官方衍生版且已安装 Google Chrome可以直接跳过本课否则请按下方说明搭建开发环境。课程概览本课的核心学习目标有两点如何搭建一套适合跟随 The Odin Project 课程的环境在你的环境中安装 Google Chrome。受支持的操作系统macOS如果你使用 Mac起点非常好课程的所有指令都基于 Unix 系统设计只需再安装几个程序即可开始学习。LinuxUbuntu 及官方衍生版Linux 是一款免费开源的操作系统与几乎所有编程语言都能良好协作。大多数开发工具原生就是为 Linux 编写的因此工具更新更频繁、可获得的排障资料更多、运行也更顺畅。为了提高社区互助的有效性课程将受支持的 Linux 发行版限定为 Ubuntu 及 Ubuntu 官方衍生版不支持任何其他发行版包括“基于 Ubuntu 或 Debian”的发行版如 Mint、Pop!_OS 等。课程支持以下三种运行 Linux 的方式完整步骤见下文“动手实践”章节VirtualBox 虚拟机virtual machine双系统dual-bootingWindows 子系统 for Linux 版本 2WSL2ChromebookChromebook 用户可能可以在设备上运行 Linux 终端具体细节见下文 ChromeOS Linux 指南。为什么不原生支持 Windows如果你没有 Apple 电脑那么很可能正在使用 Windows。Windows 本身不被 The Odin Project 原生支持也不在社区 Discord 服务器的支持范围内。原因是课程使用的许多工具都基于 Unix 环境编写因此即使你未来打算把 Windows 作为开发系统现阶段也仍然需要一个 Unix 系环境。这并不意味着你必须抛弃 WindowsLinux 会愉快地与 Windows 共享硬盘。大多数面向普通用户的 OS 会隐藏或阻碍我们所需的语言与框架的使用绕过这些障碍会让许多新手在旅程开始前就放弃。修改或双系统安装一台能配合所需工具的电脑会显著降低编程起步难度并营造一个无干扰的环境。Windows 用户可以从上述任一受支持方案中选择。选择 Linux 的几大理由经过测试课程团队已针对 macOS、Ubuntu及官方衍生版和 WSL2 验证过全部指引尽量让你以最少问题装好工具。把时间耗在跟操作系统搏斗上等于从学习编码的时间里偷走时间。社区支持使用课程推荐的工具组合遇到问题时社区更容易提供帮助。开发工具为 Linux 而生Ruby (on Rails) 和 Node.js——本课程覆盖并被 web 开发社区广泛使用的两大后端技术——都是明确“期待”运行在开源Unix 系平台上的开源项目。像专业人士一样工作大量开发者使用 Unix 系操作系统。性能如果担心老旧机器性能与磁盘空间Linux 是很好的选择——它比 Windows 占用更少的系统资源与硬盘空间。仓库内还给出了明确的社区支持边界说明installations.md课程只能支持课程范围内的内容不把原生 Windows 作为开发环境支持也不建议在 Discord 中反复提出该诉求。四种环境方案如何选如果你当前不是 macOS、Ubuntu 或 Ubuntu 官方衍生版用户就需要搭建一套开发环境。仓库提供了四种方案各有优劣。VirtualBox 虚拟机推荐虚拟机VM是在你现有操作系统内部运行的整机模拟例如在 Windows 中运行 Linux。虚拟机安装起来和普通程序一样直接、无风险不喜欢随时可以移除是新手快速起步的绝佳方式。正因如此课程向初学者尤其是不确定选哪种方案的用户推荐虚拟机并提供了非常清晰的分步指引。其唯一明显缺点是速度你同时运行着两台电脑可能偏慢——仓库指南中会给出多项性能优化手段。双系统双系统是在一台电脑上安装两个操作系统开机时选择启动 Linux 还是 Windows。相比虚拟机的优势是操作系统可以使用你电脑的全部资源运行速度明显更快。代价是存在一定风险你需要修改硬盘分区除非有专供 Linux 的独立硬盘。只要放慢节奏、严格跟随指引不要混搭其他来源的教程就完全可以安全完成。ChromeOS / ChromeOS Flex适用于拥有 Chromebook、或想在老硬件上安装 ChromeOS Flex 的用户。许多 Chromebook 内置 Linux 支持且足够胜任开发工作。WSL2进阶WSL2 是一种特殊的虚拟机可以在 Windows 内部直接运行 Linux。它功能强大但对新手容易造成困惑两个操作系统同时运行且缺乏视觉分隔误操作对象系统的概率比 VirtualBox 虚拟机或双系统更高因此被标记为进阶选项不推荐给对 OS 了解不多的初学者。此外请务必注意WSL2 不等于 WSL1课程只支持 WSL2。浏览器支持只用 Google Chrome课程只支持使用 Google Chrome。理由很明确课程的教学内容基于 Chrome 编写Chrome 在开发者和消费者中占据压倒性多数推荐是有意为之Chrome 内置强大的开发者工具整个课程都会用它来检查、调试和测试 Web 应用。其他浏览器也有类似工具但课程的说明文字和截图都以 Chrome 为准因此无法为其他浏览器的差异问题提供支持。各系统的 Chrome 安装方式见下文。动手实践按方案完成环境安装以下步骤对应仓库中的完整安装指南。只有当你当前不是使用 macOS、Ubuntu 或 Ubuntu 官方衍生版时才需要执行第 1 步的操作系统安装另外请注意本课程只支持笔记本、台式机或受支持的 Chromebook无法帮助在树莓派等设备上搭建环境。已具备受支持软硬件环境的学习者可直接跳到第 2 步安装 Chrome。方案一VirtualBox 虚拟机推荐完整指南见 安装指南虚拟机。核心流程如下。Step 1下载 VirtualBox 与 Xubuntu下载 Oracle VirtualBox开源免费指南建议 Windows 宿主使用 7.2.4 版本。下载 Xubuntu 的.iso镜像约 4GBXubuntu 是与 Ubuntu 同底层、但桌面环境更省资源的轻量版非常适合虚拟机建议选择LTS 版本 24.04 (Noble Numbat)这是社区验证过、最可靠的版本。Step 2安装 VirtualBox 并创建虚拟机安装 VirtualBox 时建议将可选的 Python Support 功能关闭Entire feature will be unavailable这不是必需组件若提示缺少 Microsoft Visual C 2019 Redistributable先安装再重试。应用本体务必装在C:盘以免出错。新建虚拟机命名为Xubuntu-TOP在 ISO Image 中选择刚才下载的.iso务必取消勾选 “Proceed with Unattended Installation”该功能不可用否则无法控制安装过程误启用就删除虚拟机重来。虚拟硬件Specify virtual hardwareBase Memory 至少2048 MB上限为物理内存的一半例如 8GB8192 MB内存可分配至 4096 MB。Processors 设置为2 且不要更多保持 Use EFI 未勾选。换算提示1 GB 1024 MB。虚拟硬盘Specify virtual hard disk其余保持默认Disk Size 至少 30GB磁盘可日后移动或扩容。虚拟显存Display 设置在 Settings → Display 中开启3D Acceleration并将Video Memory 拉到最大有多个物理显示器还可增加 Virtual Monitors 数量。Step 3开始安装 Xubuntu启动虚拟机进入 GRUB Boot Menu选择默认的Try or Install Xubuntu。随后在 Live Desktop 中双击Install Xubuntu依次完成选择语言 → 选择键盘布局可输入测试→ 连接网络选Use wired connectionVirtualBox 通过宿主网卡以有线方式联网→ 选择Interactive installation→ 应用默认全选 → 勾选安装推荐的专有软件 → 选择Erase disk and install Xubuntu该操作只作用于虚拟磁盘不会触碰宿主硬盘→ 创建账户并设置密码 → 选择时区 → 确认后点击Install等待完成 →Restart now重启进入登录界面。Step 4更新系统与安装 Guest Additions安装完成后虚拟机可能仍卡顿、窗口偏小原因是没有为虚拟“硬件”安装驱动这正是Guest Additions的作用。先更新系统在 Xubuntu 中按WinT打开终端以下命令逐条输入并回车sudo apt update第一条命令会提示输入密码终端不会显示任何输入反馈这是安全特性而非故障。更新完成后继续sudo apt upgrade出现提示时输入Y确认。注意sudo成功后有一段时间免密窗口所以连续执行两条命令不会再次询问密码。接着安装构建辅助包sudo apt install build-essential dkms然后在 VM 顶部工具栏点击Devices → Insert Guest Additions CD image...在文件管理器中把VBoxLinuxAdditions.run拖入终端先输入sudo再拖入路径回车执行完成后重启新快捷键sudo reboot。重启后最大化窗口即可获得完整桌面体验建议顺手在文件管理器中点三角按钮或执行sudo eject /dev/sr0弹出 Guest Additions 镜像。在 VM 内工作的约定从 Windows 浏览器中关闭 TOP 网站改为在 VM 内打开——课程经常需要在教程与编码区、终端之间复制粘贴跨 VM/Windows 切换会很不顺畅。后续所有课程任务都应尽量在 VM 内完成在 Settings → User Interface 中开启顶部工具栏可在 Devices 中启用Shared ClipboardBidirectional以便双向复制终端内粘贴用ctrlshiftv推荐 View → Full-screen Mode 全屏使用并为提升性能关闭宿主机的无关程序。常见问题与性能调优完整清单见 virtual_machine.md启动黑屏关闭 VM在 Settings → Display 中取消勾选 3D Acceleration并确保 Video Memory 至少 128MB。性能处理器保持 2 核、内存分配不超过物理内存一半且至少 2GB无法分出 2GB 就考虑双系统。视频卡顿可拉满 Video Memory 或禁用 3D Acceleration。留意 VM 窗口右下角图标绿色乌龟图标表示 Hyper-V 已开启会影响性能应关闭 Hyper-V同时完全关闭已安装的 WSL2使其变为芯片加 V 的图标。安全关机三种方式VM 内 Whisker 菜单电源键关机终端执行poweroff或 VM 文件菜单选择Send the shutdown signal。切勿直接关闭窗口“拔电源”否则文件可能损坏。方案二Ubuntu / Windows 双系统完整指南见 安装指南双系统。流程概览Step 0 - BitLockerWindows Pro 等版本可能开启了 BitLocker 磁盘加密会导致无法直接安装如需在受加密的主盘上安装按官方指引临时禁用 BitLocker安装在未加密的独立分区/硬盘则无需处理。Step 1 - 下载 Ubuntu建议下载标准桌面版 Ubuntu 的64 位 LTS 24.04。Step 2 - 制作启动 U 盘准备至少 12GB 的 U 盘制作过程会清空 U 盘数据先备份按官方教程创建可启动 U 盘。Step 3 - 安装插入 U 盘重启从 U 盘引导不同品牌按键不同如 Dell 是开机按 F12。在安装器中务必选择Install Ubuntu alongside Windows并为 Ubuntu 分配30GB 或更多磁盘空间。Intel RST若遇到要求禁用 Intel RST 的报错可先让 Windows 强制进入安全模式、切换主板存储驱动后再安装。方案三ChromeOS / ChromeOS Flex完整指南见 安装指南ChromeOS。前提是拥有受支持的 Chromebook官方 Chromebook 或 ChromeOS Flex Chromebook并在系统设置中启用 Linux 终端。满足条件后即可全程跟随 Linux 版课程指令学习。方案四WSL2进阶完整指南见 安装指南WSL2。适用于 Windows 10 2004 及以上Build 19041与 Windows 11。注意WSL2 是完整的 Linux 发行版后续课程中凡是区分操作系统的指令你都应遵循Linux 指令除非该课有 WSL2 专属说明。以管理员身份打开 PowerShell执行wsl --install重启电脑后按提示设置小写用户名与密码密码同样无输入回显。Windows 10 用户建议安装Windows Terminal并在其设置中将Default Profile 设为 Ubuntu。通过 Windows Terminal、Ubuntu 应用或开始菜单搜索打开 WSL2。重要提醒终端提示符前不应出现/mnt/c——那是 Windows 文件系统在 WSL2 中的挂载点在其中随意操作可能产生意外后果。安装 Google Chrome因为课程基于 ChromeChrome/Chromium 也是开发者和消费者的主流选择因此所有学习者都需要安装 Chrome按操作系统选择对应指南Linux虚拟机或双系统用户非 WSL2chrome/linux.md。在终端下载.deb包并安装wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install ./google-chrome-stable_current_amd64.deb安装完成后可从 Applications 菜单启动或在终端输入google-chrome启动若想在启动 Chrome 后继续使用同一终端用google-chrome 让其在后台运行。可忽略“Download is performed unsandboxed”之类的提示性信息。终端内复制粘贴请使用CtrlShiftC/CtrlShiftV。macOSchrome/macos.md。访问 Chrome 下载页点击Download Chrome for Mac打开googlechrome.dmg后将 Chrome 图标拖入 Applications 文件夹再把.dmg拖入废纸篓清理。WSL2chrome/wsl2.md。WSL2 没有 GUI因此直接为 Windows 安装 Chrome下载并运行ChromeSetup.exe然后从开始菜单启动后续课程会讲解如何在 WSL2 内用这个 Windows 版 Chrome 预览工作成果。环境就绪后的下一步操作系统与 Chrome 就绪后课程接下来会引导你继续配置开发环境的其他核心组件可参考仓库中的后续课程文本编辑器安装text_editors.md各系统指南位于 installation_guides/text_editors 目录下Git 安装与配置setting_up_git.md各系统指南位于 installation_guides/git 目录下命令行基础command_line_basics.mdWeb 工作原理how_does_the_web_work.md。知识检测以下是本课的关键问题用于回顾核心要点无需死记硬背答不上来可回看上文对应小节The Odin Project 支持哪些操作系统The Odin Project 支持哪个浏览器【免费下载链接】curriculumThe open curriculum for learning web development项目地址: https://gitcode.com/GitHub_Trending/cu/curriculum创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
