我的 Visual Studio Code 編輯器設定記錄 (佈景與模組)
我在 2016 年曾寫過一篇 Brackets 編輯器的設定文章，沒想到時隔 4 年，已經變心改用 VS Code 惹 Q_____Q。只能說微軟真的很強大，VS Code 不管是軟體本身的更新，或是延伸模組的開發速度，都比 Brackets 快很多，加上 VS Code 也 能安裝 Brackets 內建的好用功能，所以我就轉過去了 (遮臉
使用 Visual Studio Code 的理由
我用 VS Code 也有一段時間了，其實到現在我還是很喜歡 Brackets 這款編輯器，所以跳槽絕不是因為不愛，而是有幾點因素考量：
更新速度
不知道是微軟加持還是什麼緣故，VS Code 大概是我看過更新最勤勞的編輯器了，每個月都會固定更新，而且有時候更新的內容也很實用，還會有一連串的說明跟示意圖，非常的貼心！
有興趣的朋友也可以到他們的更新頁面看詳細的介紹。
豐富的延伸模組
因為官方勤勞，連帶著讓開源者也勤勞了起來，VS Code 的延伸模組真的有超超超超多內容可以選擇！而且各式各樣奇奇怪怪的需求都有，每次看延伸模組都像是在挖寶一樣，喜歡客製化的工程師，應該會沈浸在 VS Code 的世界裡無法自拔吧！
另外，VS Code 也有提供 Brackets 編輯器的內建功能，像是我在 Brackets 編輯器介紹文中說到的「炫技」：
在 VS Code 延伸模組中，他們叫該功能為 CSS Peak，後面介紹模組時會再詳細說明。
各式各樣的特色
此外，我在 Brackets 提到的這些特色 VS Code 也都有：
- 客製化方便
- 有中文版
- 安裝佈景主題 / 模組都很方便
此外還有：
- 內建 Emmet
- 內建 Terminal (Brackets 要另外裝還要啟動 tty.js，但 VS Code 是直接吃你終端機的設定，不需要再背景執行)
這些功能，也會透過官方更新不斷的增加，一切的一切，都讓我覺得很有誠意！
接下來，會跟大家介紹我在使用的 VS Code 延伸模組，來看看有沒有你喜歡的，有的話就夾去配吧 XD。
將檔案快速 push 到 gh-pages branch
github 提供一個簡易的環境可以執行 HTML/CSS/JS 等前端程式，使用方法很簡單，只要把在 repo 新增一個gh-pages分支，然後將檔案 push 到該分支即可。
但用 sourcetree 切換 branch，檔案也會隨之改變，並不是個好方法。也許用 sourcetree 有其他的解法，但目前我研究不出來，所以我目前的做法是用npm套件去管理。
gh-pages 套件介紹
這個套件就叫做 gh-pages，可以直接在 cmd 執行以安裝 (當然前提是要先安裝 npm 套件管理)：
套件頁面有詳細的文件說明，會告訴你如何做更多進階的設定。
但我要的功能很簡單，只希望把當前 branch 的檔案 push 到gh-pages即可，因此請在 Terminal 輸入該指令即可 (最後面可以輸入資料夾位置)：
這個原理很簡單，就是先把你要的檔案抓下來，再移除gh-pages裡的檔案，最後再上傳。也因此這些動作都需要輸入 github 的帳號密碼，最少可能要輸入三次，為了避免這種情況，我們必須要修改 config，將你的 repo 位置從http://改為git@
修改 config 檔案
請在 Terminal 利用 vim 或任一編輯器打開 config (該檔案為隱藏檔)
在[remote "origin"]裡面有一個url，將它的路徑改為git@開頭的 repo 位置即可。
最後存檔再試著執行gh-pages -d .，就會發現不用再輸入密碼了唷！
我的 Brackets 編輯器設定 (佈景與外掛)
這還是我頭一次幫編輯器寫一篇文章，即使之前使用 VIM，也只是將自己的設定檔放到 github 上而已 XDDDD。
會想寫這篇文章，是因為有一次無意間把自己的 brackets 外掛 po 到 FB 上，意外有人在詢問，那時候才發現原來除了我之外也有人在用 brackets，畢竟他相對於 Sublime 來說是非常冷門的。後來在粉絲團詢問，也有一些朋友表示有意願想瞭解，所以決定簡單記錄一下自己使用的佈景與外掛！
如果你是第一次聽到 Brackets 這套編輯器，或是還沒使用過但想瞭解的話，可以先聽聽我選擇他的理由；假設你已經開始使用 Brackets，也願意將它當作你的主力編輯器，那麼可以直接往下拉到我使用的外掛清單，以供參考。
(閱讀全文…)