← 准备课

第 2/4 课 ⏱ 15 分钟

安装 VS Code 编辑器

我们要安装写代码用的程序。它是免费的,连专业人士也在用。

VS Code 是什么,为什么选它

Visual Studio Code(大家简称 VS Code)是一个编辑器——写代码用的程序。可以把它想成程序员的 Word:它会给你的代码上色、提示你、指出错误。完全免费,世界上最大的公司都用它做网站。现在学会,以后一直用得上。

⚠️

请在大人陪同下安装。 让爸爸妈妈坐在旁边——安装本身是安全的,但让他们知道电脑上装了什么,总是好的。

在 Windows 上安装

  1. 打开 code.visualstudio.com,点击大大的蓝色 Download for Windows 按钮。

  2. 文件下载好后,点击它(在底部任务栏或 Downloads 文件夹里找)。

  3. 接受许可(勾选 I accept the agreement),然后一直点 Next。在 Select Additional Tasks 那一步,勾选 Create a desktop icon,这样桌面上会有图标。

  4. 点击 Install 并等待。最后点 Finish——VS Code 会打开。

在 Mac 上安装

  1. 打开 code.visualstudio.com,点击 Download for macOS

  2. 文件下载好后,在 Downloads 文件夹里找到它。如果是 .zip 文件,双击解压。

  3. 会出现蓝色的 Visual Studio Code 图标。把它拖到 Applications 文件夹里。好了,安装完成。

  4. 打开 Applications 文件夹,双击 Visual Studio Code 启动。第一次 Mac 会问你是否确定打开——点 Open

认识 VS Code

VS Code 会说很多语言——我们先快速看看,熟悉一下:

  1. 在左边栏,点击像 叠起来的方块 的图标(Extensions)。看起来像四个小方块。

  2. 在顶部搜索框输入 Prettier(或你喜欢的主题名,比如 DraculaNight Owl)。

  3. 选你喜欢的,点旁边的 Install

  4. 右下角可能会弹出小窗口——按它说的做就行。VS Code 会马上应用你的选择。

检查一下: VS Code 打开了,看起来可以用了,顶部有菜单(File、Edit、Selection……)。如果是——你已经准备好了,工作台就位!

这一章你要记住