尝试以扩展 VS Code 中的代理模式!

在 Chromebook 上使用 VS Code 学习

2020年12月3日,作者:Alessandro Segala,@ItalyPaleAle

在过去的几年里,运行 Google Chrome OS 的 Chromebook 一直为“传统”笔记本电脑提供了一种替代方案。由于选择众多,从非常实惠的型号到高端型号,Chromebooks 在学生中特别受欢迎,他们可以使用它们进行学习、完成作业和在线上课。

虽然 Chromebook 和 Chrome OS 通常以网络浏览器为中心,但你也可以启用一个 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 应用程序的文件夹中找到Visual Studio Code(以及 Linux 终端)。你现在可以启动 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 是一种非常灵活的编程语言,可用于构建在网络浏览器中运行的应用程序以及使用 Node.js 构建在网络服务器上运行的应用程序。如今,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) 工作的语言之一,它也用于编程 IoT 设备、微控制器等等!

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

至此,你已准备好在 VS Code 中使用 Python 进行开发!要了解更多关于在 VS Code 中使用 Python 的信息,包括运行代码、使用集成调试器、代码 Linting 等,请查阅我们的 VS Code 中的 Python 文档。

接下来:使用远程开发

今天就到这里!在这篇文章中,我们介绍了如何在 Chromebook 上安装 VS Code,以及如何开始使用 JavaScript/Node.js 和 Python 进行编码。

但等等,还有更多内容。虽然 Chromebooks 可以很好地运行 VS Code,即使是在我测试的这种低功耗版本上,但有时你的开发工作需要更快的机器,拥有更多的内存和/或更快的 CPU。例如,你可能正在使用基于 ARM 的 Chromebook,但需要在一个 Intel/AMD 芯片上运行你的代码。或者你可能想从事人工智能工作,需要访问配备强大 GPU 的机器。

借助 VS Code 和远程开发扩展(SSH 和容器),以及 GitHub Codespaces,我们可以解决以上所有问题——甚至更多。

在本教程的下一部分中,你将学习 VS Code 远程扩展和 GitHub Codespaces 如何将你的 Chromebook 变成一个开发利器!

与此同时,编程愉快……学习愉快!

Alessandro Segala,VS Code 产品经理 @ItalyPaleAle