Visual Studio Code

Visual Studio Code

Visual Studio Code for Windows

Code editing redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform—Linux, Mac OSX, and Windows.

 

 

Visual Studio的基础代码

在其核心,Visual Studio代码是一个代码编辑器。 像许多其他代码编辑器,VS代码采用常见的UI和布局的一个资源管理器的左侧,显示所有文件和文件夹的访问,右边一个编辑器,显示你有打开的文件的内容。

此外,有许多独特的特性在VS代码的用户界面。 本主题描述这些特性。

文件、文件夹和项目

基于VS代码文件和文件夹,你可以立即开始通过打开一个文件或文件夹在VS代码。

除此之外,VS代码可以读取和利用各种项目文件所定义的不同框架和平台。 例如,如果您打开的文件夹在VS代码包含一个或多个 package.json , project.json , tsconfig.json 或ASP。 净核心Visual Studio解决方案和项目文件,VS代码将读取这些文件并使用它们来提供额外的功能,如丰富的智能感知在编辑器中。

基本布局

VS代码提供了一个简单而直观的布局,最大化的空间提供编辑器同时保留足够的空间浏览和访问您的文件夹或者项目的完整的上下文。 用户界面分为四个方面:

  • 编辑器 编辑你的文件的主要区域。 你可以打开三个并排的编辑
  • 侧边栏 包含不同的视图像探险家来协助你工作时在您的项目
  • 状态栏 显示的信息项目,您编辑的文件打开
  • 视图工具栏 在最左边,让你在视图之间切换,给你额外的上下文相关的指标,如外向启用Git时变化的数量

每次你开始VS代码,它开辟了在同一个州是在当你最后关闭它。 文件夹、布局和打开文件保存。

VS Code Layout

而不是将文件放置在单独的标签,VS代码允许三个可见编辑在任何时候,允许你把三个文件一起肩并肩。

这有助于降低管理开销的标签,但不限制文件的数量你可以使用。 Explorer视图维护的工作文件列表允许您快速访问你所需要的文件。

提示: 你可以移动右边的侧边栏( 看来,移动栏 )或切换其可见性( ⌘B (Windows、Linux Ctrl + B ) )。

并排编辑

你可以有三个编辑器打开并排。

如果你已经有一个编辑器打开,有多种方法打开另一个编辑器的现有:

  • Ctrl (Mac): “Cmd” )单击浏览器中的一个文件
  • ⌘\ (Windows、Linux Ctrl + \ ) 分裂活动编辑器为两个
  • 开放的一面 从浏览器上下文菜单文件

Side by Side editing

每当你打开另一个文件,积极的编辑器将显示该文件的内容。 如果你有两个并排的编辑和你想要打开的文件的foo。 cs的右手编辑器,确保编辑器处于活动状态(通过点击里面)在打开文件foo.cs”。

当你有多个编辑器打开你可以切换他们迅速通过控股 Ctrl (Mac): “Cmd” )关键和紧迫的 1 , 2 ,或 3

提示: 您可以调整编辑和重新排序。 拖拽编辑标题区域重新定位或调整编辑器。

资源管理器

使用浏览器浏览、开放和管理项目中的所有文件和文件夹。

在VS代码打开一个文件夹,文件夹的内容所示的探险家。 从这里你可以做很多事情:

  • 创建、删除和重命名文件和文件夹
  • 移动文件和文件夹拖拽
  • 使用上下文菜单探索所有选项

提示: 您可以拖放文件到Explorer以外VS代码复制

Explorer Menu

VS代码工作与其他工具,您可以使用很好,尤其是命令行工具。 如果你想运行一个命令行工具在你当前打开的文件夹在VS代码中,右键单击文件夹并选择 打开控制台

你也可以导航到一个文件或文件夹的位置在本地浏览器通过右键单击一个文件或文件夹并选择 揭示在资源管理器中 (或 在Finder中揭示 在Mac上)。

提示: 类型 ⌘P (Windows、Linux Ctrl + P ) 快速搜索和打开一个文件的名字。

默认情况下,VS代码不包括一些从资源管理器(例如文件夹。 . )。 使用 files.exclude 设置为隐藏文件和文件夹配置规则的探险家。

提示: 这是非常有用的隐藏派生资源文件,等等 \ * .meta 在统一中,或 \ * . js 项目在打印稿。 团结排除 \ * .cs.meta 文件,选择的模式是: “* * / * cs。 元”:真正的

工作文件

顶部的Explorer标签是一个部分 工作文件 。 这是一个活跃的文件列表。 这些文件你之前打开VS代码中你的工作中。 例如,一个文件将工作文件中列出的部分如果你:

  • 改变到一个文件
  • 双击一个文件浏览器
  • 打开一个文件,不属于当前文件夹

Working Files Section

认为工作文件部分类似的标签,你可能熟悉其他代码编辑器或ide。 点击一个文件在工作文件部分,和它变得活跃在VS代码。

一旦你完成你的任务,你可以单独删除文件从工作文件部分,或者你可以从工作文件中删除所有文件部分使用 关闭所有文件 行动。

提示: 您可以配置的文件在你的设置工作。 例如,您可以设置的最大数量之前,会出现一个滚动条通过可见的文件 explorer.workingFiles.maxVisible 和工作文件部分是否应该通过动态地设置它的高度 explorer.workingFiles.dynamicHeight

保存/自动保存

默认情况下,VS代码需要一个明确的行动将更改保存到磁盘, ⌘年代 (Windows、Linux 按Ctrl + S )

但是,它很容易打开 自动保存 后,它将保存您的更改配置延迟或当焦点离开编辑器。 采用这一选项打开,不需要显式保存文件。

配置 自动保存 ,打开 用户设置 工作空间设置 并找到相关的设置:

  • files.autoSave :可以有值 禁用自动保存, afterDelay 保存文件后延迟和配置 onFocusChange 保存文件当焦点移动的肮脏的编辑文件。
  • files.autoSaveDelay :配置在毫秒延迟 files.autoSave 被配置为 afterDelay

搜索文件

VS代码允许您快速搜索在所有文件已打开的文件夹中。 只需输入 ⇧⌘F (Windows、Linux Ctrl + Shift + F ) 和输入你的搜索。 搜索结果包含搜索词分为文件,在每个文件的指示和它的位置。 扩大文件的预览该文件内所有的支安打。 然后单击其中一个在编辑器中点击查看它。

A simple text search across files

提示: 我们支持正则表达式搜索在搜索框。

你可以通过输入配置高级搜索选项 ⇧⌘J (Windows、Linux Ctrl + Shift + J ) 。 这将显示附加字段配置搜索。

Advanced search options

在搜索框下面的两个输入框,您可以包括和排除文件。 点击右边的切换使水珠模式语法:

  • * 匹配一个或多个字符的路径段
  • 吗? 在路径段匹配一个字符
  • * * 匹配任意数量的路径段,包括没有
  • { } (如组织条件。 { * * / * . html,* * / * . txt } 匹配所有HTML和文本文件)
  • [] 声明一个范围的字符匹配(例如, 例子。[0 - 9] 匹配上 example.0 , example.1 …)

VS代码不包括一些文件夹默认情况下减少搜索结果的数量,你不感兴趣(例如: node_modules )。 打开设置下改变这些规则 files.exclude search.exclude 部分。

提示: 从资源管理器你可以右键单击一个文件夹并选择 在文件夹中找到 只搜索一个文件夹内。

命令面板

VS代码同样可以从键盘。 知道的是最重要的组合键 F1 ,这将会打开命令面板。 在这里,您可以访问所有的功能和代码,包括最常见的操作的键盘快捷键。

Command Palette

命令面板UI提供许多命令。 你可以执行编辑命令,打开的文件,搜索符号,并看到一个快速概述文件,所有使用相同的互动窗口。 这里有一些小贴士:

  • ⌘P (Windows、Linux Ctrl + P ) 会让你导航到任何文件或符号,只需输入它的名字吗
  • ⌃选项卡 (Windows、Linux Ctrl + Tab ) 将周期您完成最后一组文件打开
  • F1 你将直接编辑命令吗
  • ⇧⌘O (Windows、Linux Ctrl + Shift + O ) 会让你导航到一个特定的符号在一个文件
  • ⌃G (Windows、Linux Ctrl + G ) 会让你导航到一个文件中特定的某一行吗

类型 吗? 到输入字段可用命令列表你可以执行从这里:

Quick Open Help

快速文件导航

导航文件之间的探险家是伟大的,当你正在探索一个项目。 然而,当你正在做一个任务,你很快就会发现自己跳之间相同的一组文件。 VS代码提供了两个强大的命令和文件中的导航与易于使用的键绑定。

持有 Ctrl 并按 选项卡 查看所有已打开的文件的列表因为VS代码。 打开一个文件,使用 选项卡 再次选择你想要浏览的文件,然后释放 Ctrl 以打开它。

Quick Navigation

或者,您可以使用 ⌃- (Windows Alt +左 ,Linux Ctrl + Alt + - ) ⌃⇧- (Windows Alt +正确的 ,Linux Ctrl + Shift + - ) 之间的导航文件和编辑的位置。 如果你是不同的相同的文件间跳来跳去,这些快捷方式允许您轻松地导航之间的位置。

提示: 可以通过它的名字,当你打开任何文件类型 ⌘P (Windows、Linux Ctrl + P )

文件编码支持

设置每个工作区文件编码全球或使用 files.encoding 设置在 用户设置 工作空间设置

files.encoding setting

您可以查看状态栏的文件编码。

Encoding in status bar

点击状态栏中的编码重新开放或保存活跃的文件有不同的编码。

Reopen or save with a different encoding

然后选择一个编码。

Select an encoding

从命令行启动

您可以从命令行启动VS代码快速打开一个文件,文件夹,或项目。 通常,你打开VS代码上下文中的一个文件夹。 我们发现最好的方法是简单类型:

code .

提示: 我们已经为Mac和Linux用户指令 设置 主题,使您能够从内部开始VS代码一个终端。 我们将代码添加到PATH环境变量自动在Windows。

有时候你会想打开或创建一个文件。 如果文件不存在,我们将会为您创建它。

code index.html style.css readme.md

提示: 你可以有你想要尽可能多的文件名以空格分开。

额外的命令行参数

这里是可选的命令行参数VS代码开始时您可以使用命令行通过 代码 :

论点 描述
- g ——转到 一起使用时 文件:行:列? 打开一个文件在一个特定的行和可选的列位置。 这个论点提供因为一些操作系统许可证 : 在文件的名字。
- n ——新窗口 打开一个新的会话VS代码而不是恢复前一交易日。
- r ——reuse-window 部队在过去的活动窗口打开一个文件或文件夹。
文件 名字的文件打开。 如果该文件不存在,它将被创建并标记为编辑。 您可以指定多个文件通过将每个文件的名字空间。
文件:行:列? 名称的文件打开指定行和可选的列位置。 以这种方式您可以指定多个文件,但是你必须使用 - g 使用之前参数(一次) 文件:行:列? 说明符。
文件夹 打开的文件夹的名称。 您可以指定多个文件夹。
——disable-extensions 禁用所有已安装的扩展。 扩展仍将是可见的 扩展:显示安装扩展 下拉,但他们永远不会被激活。

对文件和文件夹,您可以使用绝对或相对路径。 相对路径是相对于当前目录运行命令提示符 代码

如果你指定多个文件或文件夹在命令行,VS代码只会打开一个单独的实例。

打开一个项目

VS代码不区分打开一个文件夹,打开一个项目。 相反,如果你打开的文件夹包含任何项目文件,VS代码将读取这些文件并显示在状态栏项目上下文。 从这里,您可以切换项目如果找到多个项目。

打开文件夹中包含的项目 C:\ src \ WebApp :

code C:\src\webapp

换句话说,包含项目有效地打开,打开文件夹项目:

Status Bar

窗口管理

VS代码有一些选项来控制如何打开窗户或恢复之间的会话。

window.openInNewWindow 设置控制文件是否应该打开一个新窗口,而不是重用现有的VS代码实例。 默认情况下,VS代码将打开一个新窗口,当你双击一个文件外VS代码或从命令行打开一个文件。 设置这个 重用的最后一个活动实例VS代码和打开的文件。

window.reopenFolders 设置告诉VS代码如何恢复前一交易日的打开了窗户。 默认情况下,VS代码 重启最后打开文件夹你工作(设置: 一个 )。 改变这个设置 没有一个 不要打开任何文件夹,总是从一个空的VS代码实例。 将其更改为 所有 恢复所有文件夹你在你以前的工作会议。

下一个步骤

好,你过去的基本UI——有更多的代码。 继续读下去,发现:

  • 编辑进化 ——皮棉、智能感知、灯泡、Peek和Goto的定义,以及更多
  • 调试 ——这是VS代码真正的亮点
  • 定制 ——主题,设置,和键盘绑定
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值