Contents
  1. 1. 前言
    1. 1.1. 設定 Minimap 使用方塊方式顯示程式碼
    2. 1.2. VSCode 的 Minimap 功能持續進化中!敬請期待~
    3. 1.3. 聊聊 VSCode 為何漸漸地變成我的開發主力工具

前言

VSCode 在 v1.10 推出綜觀程式碼區塊的 Minimap 功能,只要在設定檔加入 "editor.minimap.enabled": true 即可開啟此功能。

預設的 Minimap 會將程式碼細緻顯示,相對的也增加畫面渲染的負擔,官方也提供 Minimap 使用方塊方式顯示程式碼,這兩種 Minimap 顯示方式的對照如下圖所示,以下說明如何設定。

設定 Minimap 使用方塊方式顯示程式碼

  1. 執行 command+, 開啟設定 (Open User Settings)
  2. 搜尋 minimap 找到相關設定
  3. "editor.minimap.renderCharacters": false, 設定為 false 即可。

VSCode 的 Minimap 功能持續進化中!敬請期待~

像是以下功能未來也可能會加入:

  • current selection
  • editor cursor
  • change annotations (i.e. git status)
  • find matches

這邊有相關討論:
https://github.com/Microsoft/vscode/issues/20934

聊聊 VSCode 為何漸漸地變成我的開發主力工具

對開發人員來說,編輯器可是和我們朝夕相處的好夥伴,好不好用、順不順手可是相當重要,用的順手可以讓你開發起來行雲流水,我的編輯器選擇也一路從 Notepad++、Sublime Text,到前陣子也逐漸地從 Sublime Text 轉移到 VSCode 上面來。

主要是 VSCode 提供了許多原本 Sublime Text 有特色的功能,像是 Sublime 當初很吸引我的 Minimap 功能!現在 VSCode 也支援了!甚至未來還會做得更好(期待),將有更多的 features 應用在 Minimap 上面。

VSCode 的生態圈相當活躍,版本更新也相當頻繁(幾乎一個月一版的更新),而且一直都有令人驚豔的新功能加入,這陣子用下來的確是越用越順手,尤其在面對多種語言開發需求(PHP、JavaScript、Elixir、Shell Script、Golang..),使用 VSCode 來開發更是行雲流水呀!

身為一位曾經實際以付費行動來挺 Sublime Text 的支持者,感謝 Sublime Text 曾經帶給我的現代化 Web 開發流暢體驗!在這個時代,有時候其實你並沒有做錯什麼,也沒有哪裡不好,只是這個時代的巨輪滾動的太快,一個閃神不往前就成了一種退步。

Hi Sublime Text 相信你還是會繼續配伴著我,來擔任我的高級文字編輯器好了。

Contents
  1. 1. 前言
    1. 1.1. 設定 Minimap 使用方塊方式顯示程式碼
    2. 1.2. VSCode 的 Minimap 功能持續進化中!敬請期待~
    3. 1.3. 聊聊 VSCode 為何漸漸地變成我的開發主力工具