iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 28
1
Software Development

精通 Visual Studio Code系列 第 28

DAY 28 整合式終端機 (Part 6)

  • 分享至 

  • twitterImage
  •  

DAY 28 整合式終端機 (Part 6)

終端機顯示設定

你可以自訂整合式終端機的字型、行高…等的設定:

  • terminal.integrated.fontFamily
  • terminal.integrated.fontSize
  • terminal.integrated.fontWeight
  • terminal.integrated.fontWeightBold
  • terminal.integrated.lineHeight

修改整合式終端機的渲染方式

整合式終端機預設使用多個 <canvas> 元素來進行渲染,通常用 <canvas> 渲染的方式很適合用在像終端機這樣頻繁更改內容的情況,然而,有時候 Electron/Chromium 在某些環境下用這種方式會變得非常慢,所以 vscode 提供了一個替代方案,就是使用 DOM 的方式來渲染整合式終端機。當 vscode 發現整合式終端機的效能很差的時候,就會詢問你是否要切換成 DOM 的這種替代方案進行渲染。你也可以直接透過修改 terminal.integrated.rendererType 設定來啟用這個替代方案:

{
  "terminal.integrated.rendererType": "dom"
}

還有一個方法可能可以加快整合式終端機的效能,就是在啟動 vscode 的時候透過增加一個參數來忽略 Chromium 的 GPU 禁止使用黑名單:code --ignore-gpu-blacklist

我該如何更進一步?

終端機的基本功能我們在這個系列的文章中都已經介紹過了,如果還需要更進階的內容,你可以查看以下的連結:

  • 工作 Task: 可以讓你把外部工具整合到 vscode 中並且大大的增強終端機!
  • 精通 VS Code 的終端機: 一篇裡面有很多終端機大師級技巧的外部文章!
  • keybindings.json 中查看所有為終端機提供的其他快捷鍵

明天待續…


上一篇
DAY 27 整合式終端機 (Part 5)
下一篇
DAY 29 整合式終端機 (Part 7)
系列文
精通 Visual Studio Code31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言