前言

這篇文章來晚了，感覺應該在第二天或第三天那種場合出場。

因為我寫到一半才猛然想起，常常不小心要用新下載的 VSCode 的自己，每次都忘了之前自己安裝過什麼，相信程式菜鳥們也會需要的(吧)，所以安插了一篇工具文在這裡。

新手可參考的VSCode好用工具

• GitLens — Git supercharged

如果有git紀錄，那麼可以直接在程式碼中看到某行程式是誰修改的、修改時間。(抓戰犯(x))

• Git Graph

會圖形化git的紀錄，會讓線圖比較好看，像是 git stash pop 這樣的指令，也可以在線圖中直接按右鍵操作。

• Chinese (Traditional) Language Pack for Visual Studio Code

繁體中文小幫手，如果英文不好可以裝

• Live Server

你懂的，讓編輯的程式碼，即時反應在瀏覽器頁面上。網址會是 http://127.0.0.1:port號/檔案名稱 (index.html)，這樣子的形式。例如：http://127.0.0.1:5501/index.html

• Vetur

讓Vue的程式碼不會再白白的，很像沒有作用的感覺。

• AutoFileName

自動生成檔案路徑。

在src=""、require=””，這種情況的時候，打個 ./ 或 ../ ，會跳出該層資料夾有的檔案，讓你可以很方便直接往下選。

• Live Sass Compiler

安裝後在 VSCode 右下角會出現一個 watch sass，按了可以幫你產生sass檔，或是幫你的 sass 產生 css.min 或是 css.map 檔。

• Minify

可以把CSS或JS檔，變成.min檔。

步驟：安裝Minify > 在vscode中打開要進行壓縮的檔案 > 按下shift+ctrl+P > 查詢 Minify，按下它，如果全部都要壓縮則按 Minify Directory > 完成了。

看了心情好的，可以不用裝

• vscode-icons

我最喜歡可愛小圖案

• Power Mode

打code的時候會有炫炮的火光特效，沒什麼用但就是酷。

最沒用的工具，圖片給得最用心…

結語

工欲善其事，必先利其器，講到爛的這句話果然是對的。

今天就到這，如有說明不周或錯誤的地方，還請多留言討論(鞠躬)。

???

今天在花蓮露營，氣溫涼爽，再冷一點就是最讚的露營天氣了！可惜這幾天雲很多，星星不能看很清楚QQ。