携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情
下载安装和初始化 VS Code
首先我们需要下载安装和初始化 VS Code，大家可以打开 VS Code 的官方网站：code.visualstudio.com。
在主页面上大家能看到这里发布的一个 VS Code 的版本，大家可以直接的点击这个按钮即可。因为它会根据浏览器判断出我们当前操作系统的版本。比如这里边它根据我现在的 Windows 系统监测出让我 Download for Windows Stable Build。
当然你也可以点击这个下拉的箭头，然后在这里边根据自己的操作系统来选择相关的版本。比如你可以选择 macOS 的 Universal Stable，也可以选择Windows x64 的 User Installer。这里大家点击这个按钮就可以下载了。当然你如果是其他的平台的话，你可以点击 Other downloads 这个按钮。不过我们一般情况下都使用的是 macOS 和 Windows。
下载完了以后，大家可以根据它下载的安装包的安装向导，一步一步的安装即可，这里由于篇幅问题，我就不再赘述了。
下载安装完成了以后，大家能看到类似于这样的一个 VS Code 的界面。
在使用 VS Code 之前，先带大家来做一些初始化的工作。首先大家可以点击左侧扩展按钮。在这里给大家推荐四个扩展。
Chinese (Simplified) ：表示它是一个简体版，什么意思呢？它可以帮助我们去汉化 VS Code 。因为 VS Code 刚安装成功以后，是一个英文版。
Monokai Pro：Monokai Pro 是 Visual Studio Code 的配色方案、自定义用户界面主题和完整的图标集。它是由原始 Monokai 颜色的作者设计的，精心挑选的色调是毫不妥协、不分散注意力的用户界面的基础。Monokai Pro 的唯一目标是让您专注于您的代码。这个皮肤是收费的，它只是在 VS Code 刚开始打开的时候会弹出一个窗口，其他使用的时间它是不会弹出的，所以大家可以一直使用它这个试用版。
Live Server：是可以让 VS Code 直接的打开一个 HTTP 或者是某个协议的一个server 服务。
Vuter：如果是在你的项目里边使用 Vue，你比我们学习 Vite， 可能会穿插使用 Vue，那你可以去安装 Vuter 这个工具。
这四个所谓的扩展如何安装呢？大家直接在搜索框中搜索相关的这四个扩展的名字即可。
扩展安装好了以后，再推荐大家一个非常适合于我们编程的字体 Fira Code，这个字体特别适合于咱们编程，
Fira Code 是一种免费的等宽字体，包含常用的编程语言中多种字符组合的连字。这只是一个字体呈现功能，底层代码仍然与 ASCI I兼容。这有助于更快地阅读和理解代码。对于一些常见的序列，如“..”或“//”，连字允许我们纠正间距。
Fira Code 就是利用这个特性对编程中的常用符号进行优化，比如把输入的「!=」直接显示成「≠」或者把「>=」变成「≥ 」等等，以此来提高代码的可读性。
下载地址：
1、开源地址：github.com/tonsky/Fira…。
2、Github各版本下载地址：github.com/tonsky/Fira…。
下载并解压到某个目录中，并进行双击安装。
字体安装完了以后，还并没有完全的实现这个效果。需要在 VS Code 设置它。
设置好了以后，我们来试验一下这个字体的效果。
安装和初始化完 VS Code 之后，下面我们再去安装 Node.js。
