现已推出!阅读有关 10 月份新功能和修复的更多信息。

在 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 支持。

Enabling Linux support on Chrome OS

按照屏幕上的说明配置 Linux 环境(对于大多数人来说,接受默认值就足够了)。然后,您的 Chromebook 将下载工具以创建 Linux 环境并为您配置它。幕后,这实际上是在创建运行 Debian 10 的容器,因此您将获得一个完整的 Linux 发行版可以玩耍!

Linux 环境设置完成后,您将看到一个新的终端窗口弹出。

Terminal running on Linux

在我们可以安装 VS Code 之前,我们需要在 Linux 终端中运行几个命令。我们需要更新 Linux 软件包列表并安装可选的(但强烈推荐的)依赖项 gnome-keyring。在终端中,键入以下两个命令(在每个命令末尾按 Enter 键执行它们)

sudo apt-get update
sudo apt-get install -y gnome-keyring

输出将类似于以下内容

Output of the commands in the terminal

第二个命令结束后,您可以转到下一步。

安装 VS Code

现在我们准备安装 VS Code 了!

转到 Visual Studio Code 下载 页面。从那里,您需要为您的 Chromebook 选择正确的软件包

  • 对于运行 Intel 或 AMD 芯片的 Chromebook,请选择变体为 **64 位** 的 **.deb**。
  • 如果您的 Chromebook 运行的是 ARM64 芯片(就像我正在测试的那台),请选择变体为 **ARM64** 的 **.deb** 软件包。

List of downloads

如果您不确定 Chromebook 使用的是哪种 CPU,请在 Linux 终端中运行命令 dpkg --print-architecture 找出答案。您将看到 amd64(适用于 Intel 和 AMD 芯片:为 VS Code 选择 **64 位** 变体)或 arm64(选择 **ARM64**)。

Output of the command to find the architecture: this laptop is running on arm64

下载 VS Code 后,您将在 **下载** 文件夹中找到该软件包。双击该软件包以启动安装程序

Package installer asking to install VS Code

然后,您的 Chromebook 将安装 VS Code 和所有其他依赖项。

安装完成后,在您的应用程序列表中,您将在名为 **Linux 应用程序** 的文件夹(以及 Linux 终端)中找到 **Visual Studio Code**。现在您可以启动 VS Code。

Launching the Visual Studio Code app

您应该看到 VS Code 正在运行,此时您已准备好开始编码!

VS Code running on the Chromebook

如果您是 VS Code 的新手,想知道如何使用该编辑器,以下是一些您可以探索的资源

  • VS Code 简介视频:这些视频将解释如何使用 VS Code 打开文件和文件夹、安装主题和扩展、配置编辑器等等。
  • 使用 VS Code 学习编码:我们的“学习”部分包含针对编码新手并希望入门的文章、教程和视频。

使用 JavaScript 和 Node.js 进行编码

JavaScript 是一种非常灵活的编程语言,可用于构建在 Web 浏览器中运行的应用程序,以及使用 Node.js 在 Web 服务器上运行的应用程序。如今,JavaScript 还用于构建本地桌面应用程序(Electron)和移动应用程序(Apache Cordoba、React Native 等)、编程物联网 (IoT) 设备等等。

提示:如果您想学习 JavaScript,我们的同事制作了一套 免费视频课程观看: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

Installing nvm

安装 nvm 后,您可以使用以下命令安装最新版本的 Node.js

nvm install node

Installing Node.js via nvm

提示:您知道 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 构建各种应用程序,以及使用笔记本,例如数据科学家使用的笔记本。

提示:如果您想学习 Python,这里也有一个 免费视频课程观看: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

Installing Python dependencies

VS Code 中的 Python 支持通过 Microsoft Python 扩展提供。要安装 Python 扩展,请在 VS Code 中使用左侧活动栏打开扩展视图(⇧⌘X(Windows、Linux Ctrl+Shift+X),然后搜索“python”并安装 Microsoft 提供的扩展

Installing the Python extension for VS Code

此时,您已准备好开始使用 Python 在 VS Code 中进行开发!要详细了解如何在 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 和容器),以及 GitHub Codespaces,我们可以解决上述所有问题,以及更多问题。

在本教程的下一部分,您将学习如何使用 VS Code Remote 扩展和 GitHub Codespaces 将您的 Chromebook 打造成开发利器!

在此期间,祝您编码愉快,学习愉快!

Alessandro Segala,VS Code 产品经理 @ItalyPaleAle