怎麼讓 VS Code 自動排版變漂亮？ Prettier ESLint

寫完程式排版都醜醜的....或是在寫的當下不想要花心力去注意排版？

我們可以利用一些套件幫忙完成 

VSCode 安裝延伸模組 “Prettier ESLint”

https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint

該如何開始使用呢？

首先要先選擇文件格式化方式 (format Document)

可以在按下右鍵之後跳出來的選單裡面找到

也可以使用快捷鍵  Command ⌘+ Shift 鍵 ⇧ + p

 之後輸入 format documnet

就會跳出下方的格式選擇器,  可以挑你想用或是喜歡的

之後也可以藉由上面提的方法去更改預設的格式

當寫完城市要存檔之前,  就可以點選右鍵的選單 格式化文件 

或是 Option ⌥ +  Shift 鍵 ⇧+ f

 就可以自動套入之前設定好的格式

有沒有更快的方法？ 覺得每次都要按右鍵選格式化文件

覺得非常麻煩.....

有的～～工程師能有多懶就想要多懶

Code -> 喜愛設定 ->  設定 (快捷鍵 : Command ⌘ + , )

在搜尋設定中輸入關鍵字 : format on save

打勾 - 在儲存時設定當案的格式選項, 

當你完成coding 時按一下 Command +  S, 就會自動完成格式的調整,  非常方便