[教學] 我的 Visual Studio Code 插件與自訂教學

[基礎] 自訂Visual Studio Code的設定 開啟設定檔： 點擊左上的「檔案」，然後選取「喜好設定」，再點擊「設定」開啟設定檔。 這時應該會開出「settings.json」這個設定檔。 可輸入搜尋設定，開啟/關閉/修改Visual Code內建或擴充的功能設定 開啟自動排版： 在設定頁面上方的文字輸入框，輸入 format on save 此時左下方應該會有搜尋結果"editor.formatOnSave" 滑鼠只過去應該會在左側浮出一個「鉛筆圖示」 點擊該圖示會出現選單，點擊「ture」 關閉settings.json，現在妳應該在存檔時會自動將編碼排版了。 開啟縮小地圖： 在設定頁面上方的文字輸入框，輸入minimap.enabled 此時左下方應該會有搜尋結果"editor.minimap.enabled": 滑鼠只過去應該會在左側浮出一個「鉛筆圖示」 點擊該圖示會出現選單，點擊「ture」 關閉settings.json，現在編輯器右側應該會出現縮小地圖(minimap)。 開啟滾輪縮放字體： 在設定頁面上方的文字輸入框，輸入wheel zoom 此時左下方應該會有搜尋結果"editor.mouseWheelZoom": 滑鼠只過去應該會在左側浮出一個「鉛筆圖示」 點擊該圖示會出現選單，點擊「ture」 關閉settings.json，現在你試試按著Ctrl滾動滑鼠滾輪，看字體會不會縮放。 [自訂] 我的編輯器字型

字型很重要： 長時間都要盯著程式碼，選個好字型看起來就是開心! 好的字型可以快速辨識下列字母：『o』、『O』、『0』、『1』、『l』、『』 我現在是用蘋果推出的San Francisco Mono   這個字型即使縮很小也非常容易辨識，很適合高解析螢幕使用。 觀看更多洗腦介紹。 SF Mono 下載 2017.11.11更新 編碼用字型，最好使用Mono等寬字型。 其他推薦字型： Adobe Source Code Pro：Adobe推出的免費字體 Menlo：編輯器 Sublime 預設字體，挺好看的 Dejavu Sans Mono：我覺得它跟San Francisco 長得很像，歷史悠久的編碼用字體。 如何替換字型的教學影片：2017.11.2更新 [插件] 我的色彩主題 好多顏色好漂釀： 不同的燈光環境下，你應該選擇不同的顏色主題。 在關燈的時候（弱光環境下作業）我用 one Monokai 在開燈的時候（強光環境下作業）我用 Monokai Light 其他推薦 Ayu  [插件] Colonize

• 安裝Colonize後：
• shift + enter  會在指標現處的最行尾端加入 『;』 號，並指標移到具尾。
• alt + enter    會在指標現處的最行尾端加入 『;』 號並且換行。
• ctrl + alt + enter  會在指標現處的最行尾端加入 『;』 號並指標不移動。

[插件] Code Outline 2017.11.7

• 安裝 Code Outline 後：
• 在檔案總管底下，會列出目前開啟的程式檔案的 method 跟 variable !
• Ctrl+shif+O 也可以達到類似效果，各有優缺點。