T系列部署教程2 VSCode的安装&导入前端项目

作者主页：Designer 小郑
作者简介：3年JAVA全栈开发经验，专注JAVA技术、系统定制、远程指导，致力于企业数字化转型，CSDN博客专家，阿里云社区专家博主，蓝桥云课讲师。

$前言：本教程配套博主发布的所有$ T系列项目。

---

---

一、VSCode 介绍

Visual Studio Code（简称VSCode）是一款由微软公司开发并维护的免费、开源的代码编辑器。它支持多种编程语言，如JavaScript、TypeScript、Python、C++、C#、Java等，并且具有丰富的插件生态系统，可以轻松扩展其功能。VSCode以其轻量级、高性能、跨平台等特点，受到了全球开发者的广泛欢迎。

---

二、VSCode 的下载

请同学们打开 VSCode 的官网：https://code.visualstudio.com/，点击下载按钮，如下图所示。

点击后，浏览器会自动开始 VSCode 的下载，如下图所示。

下载完成后，可以在本地目录看到 VSCodeUserSetup-x64-1.89.1.exe 文件，如下图所示。

---

三、VSCode 的安装

请同学们双击 VSCodeUserSetup-x64-1.89.1.exe 安装包文件，如下图所示。

该提示的大概意思为：您当前不是用管理员身份运行该文件，安装的 VSCode 只对当前用户生效，不对操作系统的其他用户生效，我们点击确定即可。

接着我们点击下一步，如下图所示。

接着我们点击下一步，如下图所示。

接着我们点击下一步，如下图所示。

接着我们选择在桌面创建快捷方式，点击下一步，如下图所示。

接着我们点击安装，如下图所示。

此时安装程序正在进行中，如下图所示。

安装完成后，如下图所示。

---

四、前端项目的导入

VSCode 安装完成后，接下来需要导入前端项目。

提示：本套教程以 T101 项目为例，提供的项目为压缩包，需要同学们自行解压到本地文件夹。

请同学们依次点击 文件——打开文件夹，如下图所示。

然后选择项目的前端目录（即 front 文件夹），如下图所示。

导入完成后，如下图所示。

---