Visual Studio Code (VS Code)安装教程

目录

一.Visual Studio Code (VS Code)简介

二.Visual Studio Code 安装教程

1.下载安装包：

2.安装操作步骤

3.切换中文

 4.相应的插件

三.检验Visual Studio Code是否安装好

四.Visual Studio Code (VS Code)创建文件时的操作步骤

五.认识Visual Studio Code (VS Code)的页面

1.VS Code主界面

---

一.Visual Studio Code (VS Code)简介

Visual Studio Code 是一个由微软开发，同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器，它支持测试，并内置了 Git 版本控制功能，同时也具有开发环境功能，例如代码补全、代码片段和代码重构等。

二.Visual Studio Code 安装教程

1.下载安装包：

登录 ：VS Code的官网： Visual Studio Code - Code Editing. Redefined

注意：需要选择你适合的操作系统，此网址有三种操作系统：Windows、Linux和 macOS

标题

2.安装操作步骤

3.切换中文

在扩展处搜索Chinese并重启使中文生效 

 4.相应的插件

三.检验Visual Studio Code是否安装好

四.Visual Studio Code (VS Code)创建文件时的操作步骤

单击文件 ——选择将文件添加到工作区——创建js css的文件夹——选择文本文件——选择语言为HTML并保存（这里应当注意js css 和HTML文件应处于同一级目录）

js下面应当安装两个文件 

五.认识Visual Studio Code (VS Code)的页面

1.VS Code主界面

        VS Code默认具有以下界面：活动栏，侧边栏，编辑栏，面板栏，状态栏，VS Code主界面如图1-30所示，VS Code活动栏如图1-31所示。

       VS Code编辑器最左侧是活动栏， 单击活动栏中的图标可以切换侧边栏中的视图。活动栏中的图标由上到下分别是：资源管理器、搜索、Git、运行和调试、扩展、书签。

       最左侧是侧边栏，新建项目文件和文件夹。

       侧边栏的右边是编辑区，编写代码的区域，可以同时显示多个编辑器。

       编辑栏的下面是面板栏，从左到右依次为：问题、输出、调试控制台、终端，最重要的是终端，用来输入相关命令。可在各种面板（诸如终端和输出）之间切换。

       底部的状态栏，显示当前打开文件的信息，如显示当前编辑文件的光标所在的行号、列号，选项卡大小等。