• 安装Visual Studio Code
    • Mac OS X
    • Linux
    • Windows
    • 附加组件
    • VS Code扩展
    • 附加工具
    • 下一步
    • 常见问题

    安装Visual Studio Code

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

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

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

    Mac OS X

    1. 下载适用于Mac OS X的Visual Studio Code。
    2. 双击下载的存档展开内容。
    3. 拖动Visual Studio Code.appApplications文件夹,在Launchpad中点击打开。
    4. 右键点击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”命令

    Shell 命令:在PATH中安装“code”命令

    命令执行完成之后,重启终端工具使新的$PATH可用。现在,您可以简单地在终端中任意文件夹下输入‘code .’来编辑该文件夹下的文件了。

    Linux

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

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

      1. # For .deb
      2. sudo dpkg -i <file>.deb
      3. # For .rpm (Fedora 21 and below)
      4. sudo yum install <file>.rpm
      5. # For .rpm (Fedora 22 and above)
      6. sudo dnf install <file>.rpm
    3. 现在VS Code应该可以通过launcher或在命令行中输入code运行了。

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

    Windows

    1. 下载Visual Studio Code。
    2. 双击VSCodeSetup.exe开始安装,这将会花费几分钟。
    3. 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包管理器上众多的模块中,您肯定可以找到合适的模板和工具用来创建您的项目。