2026年春国开电大网页设计实训1 VSCODE的安装与环境配置

实训1  VSCode的安装与环境配置

1. 实训目的

掌握Visual Studio Code（VSCode）的安装步骤与前端开发环境配置。

2. 实训内容

Visual Studio Code简称VSCode，2015年由微软公司发布。可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如 C++，C＃，Java，Python，PHP，Go），内置功能非常丰富、插件全且安装简单、轻量。在本实训中，需要掌握VSCode的下载、安装步骤，以及学习如何正确安装Web开发所需的相关插件。

3. 实训要求

实训前认真复习本章内容，特别是第1.4节Web编程的工具与环境。按照实训步骤完成VSCode的下载、安装与配置，同时记录实训过程中遇到的问题和所采取的解决办法。

4. 实训条件

（1）实验设备：计算机一台。

（2）工具：VisualStudio Code。

（3）其他：笔，实训报告纸。

5. 实训步骤

（1）准备工作。检查实训所需计算机是否能够正常运行，是否能够接入互联网。

（2）Windows版本VSCode的下载与安装。

（3）VSCode的开发插件安装