面向前端开发人员的Visual Studio Code概述

by Vinh Le

由Vinh Le

No matter whether you are a code newbie or a seasoned developer, code editor is an imperative part of your work. The problem, especially if you are a beginner, is that there are tons of choices for IDEs. And many of them share similar features, functionalities, and even UI. As a result, choosing the right IDE might actually take more time and effort that you thought.

无论您是代码新手还是经验丰富的开发人员，代码编辑器都是您工作中必不可少的部分。 问题(尤其是对于初学者而言)是IDE的选择很多。 它们中的许多共享相似的功能，功能甚至UI。 因此，选择正确的IDE实际上可能会花费您更多的时间和精力。

If your question right now is: “which code editor should I start with?” then I would reply: “It depends, my friend.” Choosing a particular IDE significantly depends on a few factors: what type of developer you are, what kinds of environments you mostly work with, or whether you have an exclusive built-in feature that you absolutely need to get jobs done.

如果您现在的问题是：“我应该从哪个代码编辑器开始？” 然后我会回答：“这取决于我的朋友。” 选择特定的IDE很大程度上取决于以下几个因素：您是什么类型的开发人员，您主要与哪种类型的环境一起使用，或者您是否具有必须完全完成工作的专有内置功能。

I would say that the way to choose one is to try and explore them all, and then pick what suits you best.

我想说的是，选择一种方法是尝试全部探索它们，然后选择最适合您的方法。

为您选择合适的代码编辑器 (Choosing the right code editor for you)

As most newbies do, I started with Notepad++ as my first code editor. This is perhaps one of the simplest IDEs that I’ve tried. Later on, as my needs started to require more advanced functionality from the editor, I tried out Brackets, Atom, then Visual Studio Code.

像大多数新手一样，我从Notepad ++开始是我的第一个代码编辑器。 这也许是我尝试过的最简单的IDE之一。 后来，由于我的需求开始要求编辑器提供更高级的功能，因此我试用了Brackets，Atom和Visual Studio Code。

After a decent amount of experimenting, VSCode became my favorite. It impressed me with its modern UI, a wide availability of extensions, as well as great features such as built-in Git and terminal.

经过大量的实验后，VSCode成为了我的最爱。 它现代的用户界面，广泛的扩展功能以及强大的功能(例如内置的Git和终端)给我留下了深刻的印象。

The main purpose of this blog is not to compare different IDEs, but to discuss my experience with VSCode. So in this post, I will:

本博客的主要目的不是比较不同的IDE，而是讨论我对VSCode的经验。 因此，在这篇文章中，我将：

• show a brief introduction to VSCode
  显示VSCode的简要介绍
• introduce the particular theme I’ve installed
  介绍我安装的特定主题
• discuss helpful extensions I use
  讨论我使用的有用扩展
• show you how I leverage VSCode’s features to enhance my workflow.
  向您展示如何利用VSCode的功能来增强我的工作流程。

Let’s get into it!

让我们开始吧！

但是首先，VSCode是什么？ (But first, what is VSCode anyway?)

Visual Studio Code (VSCode) is a source code editor developed by Microsoft that can be run on Windows, macOS, and Linux. It is free, open-source, and provides support for debugging as well as built-in Git version control, syntax highlights, snippets, and so on. The UI of VSCode is highly customizable, as users can switch to different themes, keyboard shortcuts, and preferences.

Visual Studio Code(VSCode)是由Microsoft开发的源代码编辑器，可以在Windows，macOS和Linux上运行。 它是免费的开放源代码，并提供调试支持以及内置的Git版本控制，语法突出显示，摘要等。 VS