透過VS Code將已壓縮的陣列格式還原成樹狀結構

　　很早之前梅干曾分享過客製化Google表單，而過程中有一個比較麻煩的地方就在於，要先抓取到Google表單相對應的欄位ID，先前只需要透過網頁開發工具，選取欄位就可快速的查尋到欄到ID，但現在Google表單則作了些調整，將這些欄位ID，透過陣列方式來作設定，同時並將陣列作了壓縮，因此變得不容易閱讀，好在VS Code就可將已壓縮的陣列格式化回樹狀結構，如此一來就可快速的尋找出欄位相對應的ID啦！

---

Step1
首先，先透過網頁開發工具的中的Elements的頁籤，尋找到Google表單的陣列位置。

---

Step2
接著按滑鼠右鍵，選擇Copy/Copy outerHTML的選項。

---

Step3
接著再貼到VS Code後，按滑鼠右鍵選擇格式化文件選項。

---

Step4
鏘～鏘～立馬變成樹狀結構，如此一來就方便瀏覽與尋找啦！因此下回當遇到已壓縮的Javascirpt不妨可試試看囉！！