這是本文件的舊版！

VS Code

使用

^20210825 為了更方便地編輯 HTML code（嗚嗚 BlueGriffon 在 macOS 11 上 WYSIWYG 是半殘的），生平第一次下載 VS Code 來用，主要是看在 auto completion。

^20220924 發現好用的新用途：

• 【延伸模組】表格化編輯 CSV！
• 編輯純文字檔
  • 字型！「Edit With Style」：切換成專門用於打文字的宋體等字型設定
  • Distration Free！Focus：Zen Mode ``⌘K`` ``Z``

^20220927

• 因應越來越常用，今天把 Firefox 的 GhostText 設定移轉過來（暫時停用 Sublime Text 的套件，然後啟用 VS Code 這邊的套件）✅
• 若要 wrap text with tags，有內建 Emmet 這個強大的東西！我還不太會用！
  • 不過原來我之前有裝 Wrap with tag 這個延伸模組了，按 ``⌥W`` 就可以了

延伸模組

• 名稱: HTML Preview
  識別碼: tht13.html-preview-vscode
  描述: Provides ability to preview HTML documents.
  版本: 0.2.5
  發行者: Thomas Haakon Townsend
  VS Marketplace 連結: https://marketplace.visualstudio.com/items?itemName=tht13.html-preview-vscode

• ⭐Customize UI
  • 可以改介面字型太棒了！
  • 還有喜歡隱藏視窗 title bar
• DokuWiki 語法標示
• ⭐Edit csv：有了它就可以取代 Modern CSV 了
• GhostText
• htmltagwrap
• ⭐Settings Cycler：可設定熱鍵切換不同設定組！這樣就可以快速切換不同套的編輯區字型設定了
• Switch Editor

色彩主題

（其實也都是延伸模組）

• ^20210913 今天因為要比較認真來使用 VS Code（編輯「斯卡羅」客話台詞），想像之前在 Sublime Text 一樣開發自己的 color theme，卻發現流程很繁瑣，不開心。
• ^20220923 先用簡單的方式，在 settings.json 中，在現有主題上慢慢修改一些參數 ✅（例）

      "workbench.colorCustomizations": {
          "[Ayu Light]": {
              "editor.background": "#D2DFD0D9",
              "titleBar.activeBackground": "#D2DFD0D9",
              "tab.activeBackground": "#D2DFD0D9",
              "activityBar.background": "#5D6D39",
              "activityBar.inactiveForeground": "#D5D89B",
              "minimap.background": "#D2DFD0D9",
              "scrollbarSlider.activeBackground": "#5D6D39",
              "scrollbarSlider.background": "#D5D89B"
          },
      },