snippet generator線上程式片段產生器，支援三大主流編輯器VS Code、Sublime TEXT、Atom

　　早在Dreamweaver推出程式片段這功能時，就讓梅干對於程式片段愛不釋手，不但可以大幅的減少輸入原始碼的時間，同時又可降低輸入錯誤的問題，而這功能現在已不再是Dreameaver獨有了，就連Sublime TEXT、VS Code、Atom三大主流編輯器，現在都已支援了。

隨著不同的編輯器，在程式片段的製作上有些不同，但若是jason格式就會比較麻煩些，很容易一不小心，就造成程式片段出錯，因此這時不妨可透過snippet generator這個線上的程式片段產生器，只需把原始碼輸入後，它就會自動轉換為編輯器，所支援的程式片段的格式，因此想自製程式片段的朋友，現在也一塊來看看囉！

---

snippet generator

---

Step1
當進入這平台後，分別將程式片段的說明、快速碼與原始碼，依續的輸入。

---

Step2
在輸入完畢後，右邊立即就會轉為VSCode所支援程式片段的格式，再把輸入框中的原始碼複製。

---

Step3
開啟VScod進入喜好設定 / 使用者程式碼片段。

---

Step4
接著把剛剛的碼貼到右邊的面板中。

---

Step5
在儲存完畢後，開啟一個新檔案，再輸入html隨即就會帶出剛所建立的程式片段速碼名稱。

---

Step6
再點一下，立即就會產生剛所建立的原始碼啦！是不是超方便的呀～

---