这是本节的多页打印视图。 点击此处打印.

返回本页常规视图.

配置

配置VS Code

1 - 概述

概述介绍VS Code的配置

2 - 主题

配置VS Code的主题

参考文档

https://code.visualstudio.com/docs/getstarted/themes

设置主题

启动后，在 Get Started 界面，“choose the look you want"中选择 “Brower Color themes”，然后选择 “solarized dark”，这是个人最喜欢的一个配色。

或者 ctrl + shift + p 打开 command palette, 然后输入 color theme，在这里直接选择需要的主题。

设置文件图标

或者 ctrl + shift + p 打开 command palette, 然后输入 file icon theme，在这里直接选择需要的文件图标。

也可以选择 “Install Additional file icon theme”, 打开列表之后选择 “Material Icon Theme”

3 - 字体

配置VS Code的字体

个人配置

默认字体为：

'Droid Sans Mono', 'monospace', monospace

在安装了文泉微米等宽黑字体之后，就可以在vs code中启用这个圆润的多的字体了：

'WenQuanyi Micro Hei Mono', 'monospace', monospace

然后将默认字体大小从 14 修改为 18（27寸4k显示器, mbp 上我用20）。

常见问题

无法在Ubuntu中看到汉字

我们正在进行修复。在此期间，打开应用程序菜单，然后选择文件>偏好>设置。在文本编辑器>字体部分，将 “Font Family” 设置为 Droid Sans Mono, Droid Sans Fallback。如果你想直接编辑 settings.json文件，可以设置 editor.fontFamily，如图所示。

"editor.fontFamily": "Droid Sans Mono, Droid Sans Fallback"

4 - 同步

配置VS Code的同步

启动后，在 Get Started 界面，“Sync to and from devices"中点击 “Enable Settings Sync”，然后选择 “github” 帐号。

5 - 快捷键

配置VS Code的快捷键

参考官方的 Keyboard reference sheets：

https://code.visualstudio.com/docs/getstarted/tips-and-tricks#_keyboard-reference-sheets

Linux

General

  • Ctrl+Shift+P, F1 Show Command Palette
  • Ctrl+P Quick Open, Go to File…
  • Ctrl+Shift+N New window/instance

basic editing

Rich langurage editing

  • Ctrl+Shift+I Format document
  • F12 Go to Definition
  • F2 Rename Symbol
  • Ctrl+K M Change file language

Gavitation/导航

这里有两个最重要的快捷键：

  • Ctrl+Alt+- Go back
  • Ctrl+Shift+- Go forward

比较常用的：

  • Ctrl+G Go to Line…
  • Ctrl+P Go to File…
  • Ctrl+Shift+O Go to Symbo

mac

6 - 网络

配置VS Code的网络连接

摘录自 https://code.visualstudio.com/docs/setup/network

Visual Studio Code是建立在 Electron 之上的，并受益于 Chromium 的所有网络堆栈功能。这也意味着 VS Code 的用户可以获得谷歌浏览器中的大部分网络支持。

常见的主机名

VS Code 中的少数功能需要网络通信才能工作，如自动更新机制、查询和安装扩展以及遥测。为了使这些功能在代理环境下正常工作，你必须正确配置产品。

如果你在防火墙后面，需要允许VS Code使用的特定域，这里是你应该允许通信通过的主机名列表：

  • update.code.visualstudio.com - Visual Studio Code download and update server
  • code.visualstudio.com - Visual Studio Code documentation
  • go.microsoft.com - Microsoft link forwarding service
  • vscode.blob.core.windows.net - Visual Studio Code blob storage, used for remote server
  • marketplace.visualstudio.com - Visual Studio Marketplace
  • *.gallery.vsassets.io - Visual Studio Marketplace
  • *.gallerycdn.vsassets.io - Visual Studio Marketplace
  • rink.hockeyapp.net - Crash reporting service
  • bingsettingssearch.trafficmanager.net - In-product settings search
  • vscode.search.windows.net - In-product settings search
  • raw.githubusercontent.com - GitHub repository raw file access
  • vsmarketplacebadge.apphb.com - Visual Studio Marketplace badge service
  • az764295.vo.msecnd.net - Visual Studio Code download CDN
  • download.visualstudio.microsoft.com - Visual Studio download server, provides dependencies for some VS Code extensions (C++, C#)
  • vscode-sync.trafficmanager.net - Visual Studio Code Settings Sync service
  • vscode-sync-insiders.trafficmanager.net - Visual Studio Code Settings Sync service (Insiders)
  • vscode.dev - Used when logging in with GitHub or Microsoft for an extension or Settings Sync
  • default.exp-tas.com - Visual Studio Code Experiment Service, used to provide experimental user experiences

代理服务器支持

VS Code拥有与 Google Chromium 完全相同的代理服务器支持。下面是Chromium文档中的一个片段：

“Chromium 网络堆栈使用系统网络设置，这样用户和管理员就可以轻松控制所有应用程序的网络设置。网络设置包括：

  • 代理设置

  • SSL/TLS设置

  • 证书撤销检查设置

  • 证书和私钥存储”

这意味着你的代理设置应该被自动接收。

否则，你可以使用以下命令行参数来控制你的代理设置。

# 禁用代理
--no-proxy-server

# 手动代理地址
--proxy-server=<scheme>=<uri>[:<port>][;...] | <uri>[:<port>] | "direct://"

# 手动PAC地址
--proxy-pac-url=<pac-file-url>。

# 禁用每主机的代理
--proxy-bypass-list=(<trailing_domain>|<ip-address>)[:<port>][; ...］

要了解这些命令行参数的更多信息，请参见Chromium网络设置。