1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom

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

2021/08/10

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

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


snippet generator
Step1
當進入這平台後,分別將程式片段的說明、快速碼與原始碼,依續的輸入。
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom
Step2
在輸入完畢後,右邊立即就會轉為VSCode所支援程式片段的格式,再把輸入框中的原始碼複製。
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom
Step3
開啟VScod進入喜好設定 / 使用者程式碼片段
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom
Step4
接著把剛剛的碼貼到右邊的面板中。
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom
Step5
在儲存完畢後,開啟一個新檔案,再輸入html隨即就會帶出剛所建立的程式片段速碼名稱。
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom
Step6
再點一下,立即就會產生剛所建立的原始碼啦!是不是超方便的呀~
梅問題-snippet generator線上程式片段產生器,支援三大主流編輯器VS Code、Sublime TEXT、Atom