在Chromebook上使用VS Code学习
2020年12月3日,由Alessandro Segala发布,@ItalyPaleAle
在过去的几年里,运行Google Chrome OS的Chromebooks提供了“传统”笔记本电脑的替代选择。由于有从非常实惠的型号到高端型号的多种选择,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进行编码。在后续的文章中,我们还将探讨如何利用Remote Development扩展为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位变体中的.deb。
- 如果您的Chromebook运行在ARM64芯片上(就像我正在测试的那台),请选择ARM64变体中的.deb包。
如果你不确定你的Chromebook使用的是哪种CPU,可以在Linux终端中运行命令dpkg --print-architecture
来查找。你会看到amd64
(适用于Intel和AMD芯片:选择64位版本的VS Code)或arm64
(选择ARM64)。
下载VS Code后,您会在下载文件夹中找到该安装包。双击安装包以启动安装程序:
您的 Chromebook 将安装 VS Code 和所有其他依赖项。
安装完成后,在您的应用程序列表中,您会在名为Linux apps的文件夹中找到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,你可以为网络、桌面和命令行构建应用程序。Python 是最适合数据科学和人工智能(AI)工作的语言之一,它还用于编程物联网设备、微控制器等!
VS Code 是一个非常适合编写 Python 和学习该语言的优秀编辑器。你可以在 VS Code 中使用 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
VS Code 中的 Python 支持是通过 Microsoft Python 扩展提供的。要安装 Python 扩展,请在 VS Code 中使用左侧的活动栏打开扩展视图 (⇧⌘X (Windows, Linux Ctrl+Shift+X)),然后搜索 "python" 并安装由 Microsoft 提供的扩展:
此时,您已准备好在 VS Code 中使用 Python 进行开发!要了解更多关于在 VS Code 中使用 Python 的信息,包括运行代码、使用集成调试器、代码检查等,请查看我们的文档 Python in VS Code。
接下来:使用远程开发
今天就到这里!在这篇文章中,我们探讨了如何在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