【宇宙最强编辑器VS Code】（一）初识VS Code（简介、安装、运行、用户界面、基本视图、状态栏、集成终端）

现在人工智能非常火爆，一般的教程都是为博硕生准备的，太难看懂了，分享一个非常适合小白入门的教程，不仅通俗易懂而且还很风趣幽默，点☞这里​​​​​​​☜进入传送门~

= = = = 我是华丽的分割线 = = = =

1.VSCode简介

vscode是微软公司开发的一款代码编辑器，为什么称之为宇宙最强编辑器呢？原因如下：

• 开源免费
• 轻量级
• 跨平台

当然，这只是最基本的，它对编程语言的支持更是强大：

• 内置对JavaScript、TypeScript、Node.js的支持；
• 其他语言的扩展生态系统：C/C++、C#、Java、Python、PHP、Go；
• 运行时环境的支持：.NET、Unity；

它提供的快捷键绑定扩展非常多（Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse）可以根据我们喜欢的而定，更加有效率的写代码~

在代码管理功能方面，VScode内置了使用Git的代码管理，但是需要系统上先安装有Git。

除此之外，它强大的扩展插件生态系统还提供各种代码主题、图标主题等等用于优化我们的工作环境，当然，如果你愿意，还可以使用网易云扩展听歌~

2.安装运行VS Code

2.1.下载

VSCode是一个跨平台的软件，下载时选择与自己系统相匹配的：官方下载链接。

2.2.安装

VScode在windows下的安装非常简单，双击安装包运行安装程序，选择合适的目录安装即可。

2.3.运行

2.3.1.可视化界面运行

在菜单中选择VS Code或者点击桌面快捷图标直接运行即可：

2.3.2.在命令行运行

VScode在自动安装完成后会自动添加安装目录到环境变量中，重启后生效，然后我们可以在命令行使用code运行VSCode，其可选项如下：

# 在当前目录下打开VS Code
code .

# 在当前目录下打开VS Code并添加到最近使用目录
code -r .

# 只打开VS Code，不打开任何目录和文件
code -n

# 打开VS Code并切换到指定的语言
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column 
code --goto package.json:10:5

# 在命令行输出VS Code的帮助
code --help

# 打开VS Code并禁用所有扩展
code --disable-extensions .

2.4…vscode文件夹

在VScode打开一个目录时，会自动创建一个.vscode文件夹，位于打开目录下。

例如：

• tasks.json对于Task Runner；
• launch.json调试器；

3.VSCode用户界面

Visual Studio Code的核心是代码编辑器：

• 左侧采用通用用户界面和浏览器布局，显示您可以访问的所有文件和文件夹；
• 右侧显示编辑器，显示已打开文件的内容；

用户界面分为五个方面：

• A：活动栏 - 位于最左侧，可以在视图之间切换；
• B：侧栏 - 包含不同的视图，如资源管理器，可在您处理项目时为您提供帮助；
• C：编辑器 - 编辑文件的主要区域，可以纵向和横向并排打开任意数量的编辑器；
• D：面板 - 在编辑器区域下方显示不同的面板，以显示输出或调试信息，错误和警告或集成终端，面板也可以向右移动以获得更多垂直空间；
• E：状态栏 - 有关已打开项目和编辑的文件的信息；

4.五个基本视图

4.1.资源管理器

4.2.搜索功能

4.3.代码版本管理

VS Code内置Git代码版本管理（需要系统先安装Git），可以方便的进行源代码管理，此处不作详细介绍：

4.4.代码调试

VS Code中集成了强大的代码调试功能（配合调试器使用），在使用具体的编程语言时详细介绍：

4.5.扩展插件

VS Code的一个优势在于代码编辑器的强大，另一个就是VS Code拥有非常丰富的扩展生态系统，在此视图中可以看到当前已启用的扩展和应用商店中所有的扩展：