安装Visual Studio Code

优质

小牛编辑

130浏览

2023-12-01

安装与使用VS Code非常简单和快捷。各平台请按照如下指导安装即可。

VS Code轻量且可以运行在大多数可用硬件和平台版本。您可以重新查看系统要求以检查您的机器配置是否支持VS Code。

Note：VS Code是一款占用空间不大的编辑器。不同于传统IDEs几乎包含了所有组件，您可以为了您所关心的开发技术而调整您的安装。确保在平台指导后阅读附加组件部分学习如何客制化您的VS Code安装。

Mac OS X

下载适用于Mac OS X的Visual Studio Code。
双击下载的存档展开内容。
拖动Visual Studio Code.app至Applications文件夹，在Launchpad中点击打开。
右键点击Dock栏中的VS Code图标，依次选择选项、在Dock中保留。

Tip：如果您希望能够在终端中输入‘code’就能运行VS Code，VS Code有一条命令，Shell Command: Install 'code' command in PATH可以将‘code’添加至您的$PATH中。
安装完成之后，运行VS Code。现在，打开命令面板（按F1键）输入Shell 命令找到Shell 命令: 在PATH中安装“code”命令。
命令执行完成之后，重启终端工具使新的$PATH可用。现在，您可以简单地在终端中任意文件夹下输入‘code .’来编辑该文件夹下的文件了。

Linux

下载适用于您发行版的Visual Studio Code，基于Debian的发行版如Ubuntu请点击.deb,基于Red Hat(rpm包管理格式，包括OpenSuSE)的发行版如Fedora或CentOS请点击.rpm。注意，32-bit 二进制安装文件在下载页面同样可用。

通过任一GUI软件包管理系统安装只需双击包文件即可，或者也可以使用命令行安装:

# For .deb
sudo dpkg -i <file>.deb

# For .rpm (Fedora 21 and below)
sudo yum install <file>.rpm

# For .rpm (Fedora 22 and above)
sudo dnf install <file>.rpm

现在VS Code应该可以通过launcher或在命令行中输入code运行了。

Tip：在任意文件路径下输入‘code ./’来编辑该文件夹下的文件。

Windows

下载Visual Studio Code。
双击VSCodeSetup.exe开始安装，这将会花费几分钟。
64-bit构架下，VS Code默认将会安装在C:\Program Files (x86)\Microsoft VS Code下。

Note：VS Code要求.NET Framework 4.5已安装，如果您使用的是Windows 7系统，请确保.NET Framework 4.5已安装。
Tip：安装程序会选择添加Visual Studio Code至您的%PATH%中，于是您在控制台中任意文件路径下输入‘code .’来编辑该文件夹下的文件。
Tip：您可能需要在安装完成后注销让变化的%PATH%环境变量生效。

附加组件

VS Code的下载不大且只包含各种开发工作中共享的最小数量的组件，包括例如编辑器、文件管理、窗口管理和用户设置等基本功能。JavaScript/TypeScript语言服务和Node.js调试器也属于基本组件范畴。

如果您习惯于用更大、更整体的开发工具（IDEs），那么您可能会惊讶地发现您的情况不能完全支持开箱即用。例如，VS Code没有“文件 > 新建工程”这一选项及预先安装的工程模板。大多数VS Code使用者需要依据他们的特殊需求安装附加组件。

以下是几个常用的已安装组件：

Git - VS Code内部支持了源代码版本控制系统Git，但是需要您电脑中预先安装好了Git
Node.js(includes NPM) - 一个快速搭建运行JavaScript应用的平台和运行时
TypeScript - TypeScript编译器tsc
Typings - 一个TypeScript类型定义管理程序，让VS Code可以为流行的JavaScript框架提供智能感知

您将会发现上述组件经常在我们的文档和穿行测试中提及。

VS Code扩展

VS Code扩展让第三方提供额外的支持：

语言 -C++,C#,Go,Python
工具 -ESLint,JSHint,PowerShell,Visual Studio Team Services
调试器 -Chrome,PHP XDebug.

扩展融入了VS Code的用户界面、命令行和任务运行系统，所以您会发现通过VS Code的共享接口很容易使用不同的技术工作。点此查看VS Code扩展市场发现新东西。

附加工具

Visual Studio Code整合了现有工具链。我们认为下述工具可以提升您的开发体验。

Yeoman- 一个应用搭建工具，想象成命令行版本的文件>新建工程
generator-aspnet- 一个搭建ASP.NET Core应用的Yeoman生成器
hottowel- 一个快速创建AngularJS应用的Yeoman生成器
Express- 使用Jade模板引擎的Node.js应用框架
gulp- 基于流的自动化构建工具，可以很容易地整合进VS Code任务
mocha- 运行于Node.js之上的JavaScript测试框架
bower- 客户端软件包管理器

下一步

现在您已经安装调试您的VS Code了。

更多文档，请查阅：

The Basics- Basic orientation around VS Code
Editing Evolved- Lint, IntelliSense, Lightbulbs, Peek and Goto Definition and more
Debugging- This is where VS Code really shines

如果您想要快速开始，试试Node.js runtime，可以让您使用VS Code几分钟内调试一个Node.js web应用。

常见问题

Q: VS Code有什么系统要求？

A: 相关要求请查看系统要求。

Q: 如何创建并运行一个新项目？

A: VS Code并没有传统的“文件>新建工程”选项或预装工程模板，您需要依据您的开发需求添加附加组件和搭建工具。在项目搭建工具如Yeoman的帮助和NPM包管理器上众多的模块中，您肯定可以找到合适的模板和工具用来创建您的项目。