在 Chromebook 上使用 VS Code 学习
2020 年 12 月 3 日，作者：Alessandro Segala, @ItalyPaleAle
在过去的几年里，运行 Google Chrome OS 的 Chromebook 一直是“传统”笔记本电脑的替代品。得益于从经济实惠到高端型号的众多选择，Chromebook 在学生中尤其受欢迎，他们可以用它来学习、完成作业和参加线上课程。
虽然 Chromebook 和 Chrome OS 通常以 Web 浏览器为中心，但你也可以启用一个 Linux 环境，从而允许安装原生桌面应用程序，其中就包括 Visual Studio Code！
通过在 Chromebook 上运行 VS Code，你可以轻松快速地开始使用各种语言和框架进行编码。这包括 Python、JavaScript 和 Node.js、Java、C# 等等！
在这篇文章（两篇中的第一篇）中，我们将介绍如何在 Chromebook 上安装 Visual Studio Code，以及如何设置环境以开始使用 Python 或 JavaScript/Node.js 进行编码。在后续的文章中，我们还将探讨如何利用 VS Code 的远程开发扩展来连接到更强大的开发环境。
你需要什么
VS Code 可以在任何新款 Chromebook 上运行，只要你能够通过 Crostini 启用 Linux 应用程序即可，我们稍后会介绍如何操作。
Visual Studio Code 是一款轻量级编辑器，因此你可以在低功耗的 Chromebook 上运行它，最低只需 1 GB 内存。此外，VS Code 现在也支持 ARMv7 和 ARM64 架构的 Linux，这意味着你也可以在搭载 ARM 芯片的 Chromebook 上运行它！
在本教程中，我将使用一台入门级 Chromebook，它配备了 ARM64 CPU、4 GB 内存和 32 GB 磁盘。尽管配置不高，但 VS Code 在这台机器上运行得相当不错！
在 Chromebook 上启用 Linux
在 Chrome OS 上安装 VS Code 之前，我们需要使用 Crostini 启用对原生 Linux 应用的支持。
首先，打开系统的“设置”，然后在侧边栏中找到 Linux (Beta) 。在那里，开启 Linux 支持。
按照屏幕上的说明配置 Linux 环境（对大多数人来说，接受默认值即可）。然后，你的 Chromebook 将下载用于创建 Linux 环境的工具并为你进行配置。这实际上是在后台创建了一个运行 Debian 10 的容器，所以你将拥有一个完整的 Linux 发行版可供使用！
Linux 环境设置完成后，你会看到一个新的终端窗口弹出。
在安装 VS Code 之前，我们需要在 Linux 终端中运行几个命令。我们需要更新 Linux 软件包列表，并安装一个可选（但强烈推荐）的依赖项 gnome-keyring。在终端中，输入以下两个命令（在每个命令末尾按 Enter 键执行）：
sudo apt-get update
sudo apt-get install -y gnome-keyring
输出将与此类似：
第二个命令一结束，你就可以进入下一步了。
安装 VS Code
现在我们准备好安装 VS Code 了！
前往 Visual Studio Code 下载页面。在那里，你需要为你的 Chromebook 选择正确的软件包：
- 对于搭载 Intel 或 AMD 芯片的 Chromebook，请选择 64 bit 版本的 .deb 文件。
- 如果你的 Chromebook 运行在 ARM64 芯片上（就像我测试用的这台），请选择 ARM64 版本的 .deb 软件包。
如果你不确定你的 Chromebook 使用的是哪种 CPU，可以在 Linux 终端中运行 dpkg --print-architecture 命令来查看。你会看到 amd64（适用于 Intel 和 AMD 芯片：为 VS Code 选择 64 bit 版本）或 arm64（选择 ARM64）。
下载 VS Code 后，你会在下载文件夹中找到该软件包。双击该软件包以启动安装程序：
然后，你的 Chromebook 将安装 VS Code 和所有其他依赖项。
安装完成后，在你的应用列表中，你会在一个名为 Linux 应用的文件夹中找到 Visual Studio Code（以及 Linux 终端）。现在你可以启动 VS Code 了。
你应该能看到 VS Code 正在运行，此时你就可以开始编码了！
如果你是 VS Code 新手，想了解如何使用这款编辑器，这里有一些资源供你探索：
- VS Code 介绍视频：这些视频将讲解如何使用 VS Code 打开文件和文件夹、安装主题和扩展、配置编辑器等。
- 使用 VS Code 学习编程：我们的“学习”部分包含为编程新手准备的文章、教程和视频，帮助他们入门。
使用 JavaScript 和 Node.js 编码
JavaScript 是一门非常灵活的编程语言，可用于构建在 Web 浏览器中运行的应用程序，以及通过 Node.js 在 Web 服务器上运行的应用程序。如今，JavaScript 也被用于构建原生桌面应用（Electron）和移动应用（Apache Cordoba, React Native 等）、编写物联网（IoT）设备程序等等。
提示：如果你想学习 JavaScript，我们的同事制作了一个免费视频系列：
Visual Studio Code 是使用 JavaScript 和 Node.js 编码的热门编辑器（State of JS 调查），并且原生支持 JavaScript。
但是，为了在 Chromebook 上使用 Node.js（以及通常的 JavaScript），你需要安装 Node.js 运行时。为此，我们将使用 nvm，这是一个小型的开源工具，可以更轻松地安装和更新 Node.js。
要安装 nvm，请在 Linux 终端中运行以下命令：
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
source .bashrc
安装 nvm 后，你可以用这个命令安装最新版本的 Node.js：
nvm install node
提示：你知道 VS Code 包含一个集成终端吗？你可以从终端菜单然后选择新建终端来启动它。VS Code 在 Linux 环境的上下文中运行，所以集成终端也在 Linux 中运行。
nvm 提供了相当多的选项来设置、更新和管理 Node.js。如果你感兴趣，可以阅读官方的 nvm 文档了解更多信息。
Node.js 安装后，你可以在终端中使用 node 命令（运行 node --version 是检查 Node.js 安装的好方法），以及 VS Code 的所有内置功能，例如用于 Node.js 和 JavaScript 的集成任务运行器和调试器。要了解有关在 VS Code 中使用 JavaScript 和 Node.js 的更多信息，请查看 VS Code 文档！
使用 Python 编码
Python 是另一种流行的编程语言，尤其适合初学者。使用 Python，你可以构建 Web、桌面和命令行应用程序。Python 是最适合用于数据科学和人工智能（AI）的语言之一，它还被用于为物联网设备、微控制器等编程！
VS Code 是一款用于 Python 编码和学习该语言的出色编辑器。你可以在 VS Code 中使用 Python 构建各种类型的应用程序，也可以处理 Notebook，例如数据科学家使用的那些。
提示：如果你想开始学习 Python，这里也有一个免费视频系列：
Chrome OS 已经预装了 Python 3 解释器，但我们还需要安装一些额外的软件包才能获得最佳的 Python 编码体验。这包括 pip（Python 的依赖管理器）、venv（用于管理 Python 虚拟环境）以及一些用于处理原生包的构建工具。在终端中，运行：
sudo apt-get install -y python3-pip python3-dev python3-venv build-essential libssl-dev libffi-dev
VS Code 中的 Python 支持是通过微软 Python 扩展提供的。要安装 Python 扩展，请在 VS Code 中，使用左侧的活动栏打开扩展视图（⇧⌘X (Windows, Linux Ctrl+Shift+X)），然后搜索“python”并安装由微软提供的扩展：
至此，你就可以开始在 VS Code 中进行 Python 开发了！要了解有关在 VS Code 中使用 Python 的更多信息，包括运行代码、使用集成调试器、代码检查等，请查看我们的 VS Code 中的 Python 文档。
下一步：使用远程开发
今天的内容就到这里！在这篇文章中，我们介绍了如何在 Chromebook 上安装 VS Code，以及如何开始使用 JavaScript/Node.js 和 Python 进行编码。
但等等，还有更多内容。虽然 Chromebook 可以很好地运行 VS Code，即使在我测试的这种低功耗版本上也是如此，但有时你需要使用速度更快的机器进行开发，配备更多内存和/或更快的 CPU。例如，你可能正在使用 ARM 架构的 Chromebook，但需要在 Intel/AMD 芯片上运行代码。或者你可能想从事人工智能方面的工作，需要访问配备强大 GPU 的机器。
借助 VS Code 和远程开发扩展（SSH 和 Container），以及 GitHub Codespaces，我们可以解决以上所有问题，甚至更多。
在本教程的下一部分中，你将学习 VS Code 远程扩展和 GitHub Codespaces 如何将你的 Chromebook 变成一个开发 powerhouse（强大的开发工作站）！
在此期间，祝你编码愉快……学习愉快！
Alessandro Segala，VS Code 产品经理 @ItalyPaleAle