返回介绍

安装Visual Studio Code

发布于 2020-03-27 16:12:52 字数 6500 浏览 1206 评论 0 收藏 0

安装与使用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软件包管理系统安装只需双击包文件即可,或者也可以使用命令行安装:

    # 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
    
  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扩展让第三方提供额外的支持:

扩展融入了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包管理器上众多的模块中,您肯定可以找到合适的模板和工具用来创建您的项目。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文