---
title: VSCode 入门介绍
description: 面向初学者介绍 Visual Studio Code 的用途、编辑器特性、扩展生态和适用场景。
toc: false
---

# 引

![](/img/3/0/VSCode-Icon.png)

如果你正在寻找一款免费的、开源的代码编辑器，那么 *VSCode*（*Visual Studio Code*）可能正是你所需要的。

*VSCode* 不仅支持多种语言和文件类型，还提供了许多智能的代码编辑功能，如代码补全、语法高亮、代码折叠等等，这些功能能够帮助你更高效地编写代码。

此外，*VSCode* 还提供了许多扩展与外部软件联动，如 *Git* 版本控制、代码调试、*IntelliSense* 等，这些功能可以让你的开发环境更加强大。

最重要的是，*VSCode* 支持多种平台，包括 *Windows*、 *macOS* 和 *Linux* ，这使得它成为一个非常灵活的编辑器。

如果你需要更高级的功能，如智能代码重构、代码片段管理、任务自动化等等，*VSCode* 也能够满足你的需求。

对于嵌入式开发者来说，*VSCode* 也可以作为一款非常好的现代代码阅读器，可以把双眼从 *Keil*、*IAR*、*STM32Cube IDE* 等界面单调、不易阅读的“传统” IDE 中解放出来。

> VSCode（Visual Studio Code） 仅仅是一款代码编辑器，它并不是一个 IDE（集成开发环境），而 Visual Studio（以下简称 VS） 是一个完整的 *IDE*（例如 VS 2010、VS 2019）。
> 虽然两者同为微软开发，软件的图标也很相似，但两者是完全不同的两个软件，请不要混淆。 <br />
> 此外，请不要将 VS 中的 **使用习惯** 和对 *VS* 的 **偏见** 带入到 VSCode 中（关于编辑器和 IDE 的区别，参考 [这篇文章](https://book.crifan.com/books/editor_ide_summary/website/editor_ide_intro/) ）。

选择 *VSCode* 的原因：

<CardGroup cols={2}>
<Card title="开源免费">
*VSCode* 是一款开源软件，和同行的 *Sublime Text* 相比更便宜，它可以免费使用，而且不会弹出任何广告。
</Card>
<Card title="“小而美”">
*VSCode* 体积小，而且启动速度非常快，系统资源占用少，可在不同配置的设备上运行。
<br />
相比某些传统 IDE ，*VSCode* 的界面更加符合当下的审美，更加简洁美观，同时也具有高度的可定制性。
</Card>
<Card title="啥都能写">
不论是 **前端** 、**后端** 、**移动端** 、**嵌入式** 还是其他领域的开发者，只要安装了相应的语言支持扩展，*VSCode* 都能够满足你的需求，真正做到化繁为简。
</Card>
</CardGroup>

> **轻量化、颜值高、功能强、插件多、配置简单、后台稳（微软）、还免费！**
> 
> 知乎用户 @[**比特锚**](https://www.zhihu.com/question/365621890/answer/1050772881)

<br />
<br />
<br />

VSCode 的优势：

<CardGroup cols={2}>
<Card title="编辑器特性">
- **智能代码补全：** <br /> *VSCode* 会根据当前上下文自动提示代码补全，减少输入错误。
- **语法高亮：** <br /> *VSCode* 可以根据语言的不同对代码进行语法高亮，使代码更加清晰易读。
- **代码折叠：** <br /> *VSCode* 可以折叠代码块，让您可以更方便地浏览和编辑代码。
- **自动格式化：** <br /> *VSCode* 可以自动格式化代码，保持代码风格的一致性和可读性。
- **多平台支持：** <br /> 包括 *Windows*、*MacOS* 和 *Linux* ，甚至可以在 **网页** 中使用，这使得它成为一个非常灵活的编辑器。
</Card>
<Card title="插件和扩展">
- **Git 版本控制：** <br /> *VSCode* 内置了 *Git* 版本控制工具，使您可以在编辑器中管理代码仓库、提交代码等。
- **代码调试：** <br /> *VSCode* 支持多种语言的代码调试，您可以在编辑器中设置断点、监视变量值等。
- **IntelliSense：** <br /> *VSCode* 内置了基于AI的智能提示功能，可以根据你的行为来预测接下来的操作。
- **扩展商店：** <br /> *VSCode* 提供了一个扩展商店，您可以在其中找到许多有用的插件和扩展。
</Card>
<Card title="高级功能">
- **智能代码重构：** <br /> *VSCode* 可以根据您的代码行为来自动重构代码，让您的代码更加简洁、易读。
- **代码片段管理：** <br /> *VSCode* 可以管理您的代码片段，让您可以在不同的项目中复用代码片段。
- **任务自动化：** <br /> *VSCode* 可以自动化您的任务，让您可以更加高效地完成工作。
</Card>
</CardGroup>
