VSCode 安装教程（图文讲解）

大家好，我是小哈~

为了更高效率的开发 Vue 3，我们需要有个趁手的兵器，也就是开发工具。比较常见的如 VSCode 、Webstorm 等，但是官方推荐使用 VSCode， 那我们就通过 VSCode 来开发 Vue 3。

VSCode 简介

VSCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，它具有如下特点：

• 开源且免费；
• 代码智能提示、自动补全功能；
• 可自定义配置；
• 支持丰富的文件格式；
• 代码调试功能强大；
• 各种方便的快捷键；
• 强大的插件拓展功能；

下载安装包

前往 VSCode 官网： https://code.visualstudio.com/ 下载对应系统的安装包，小哈这里用 Windows 系统来演示：

官网下载 VSCode 安装包

开始安装

下载成功后，双击安装包开始安装 VSCode:

VSCode 安装包

勾选【我同意此协议】，点击下一步按钮：

同意安装协议

自定义安装路径，小哈这里安装在了 D 盘，可自行选择安装位置，继续点击下一步按钮：

自定义 VSCode 安装路径

继续点击下一步按钮:

勾选【创建桌面快捷方式】，点击下一步：

创建 VSCode 桌面快捷启动方式

点击【安装】：

开始安装 VSCode

等待一分钟左右，即可安装成功，然后点击【完成】按钮：

VSCode 安装完成

使用界面

启动成功后，即可看到如下界面，至此，VSCode 就安装成功啦~

VSCode 界面