搜尋

熱門關鍵字:

最新文章

  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
連結網址：https://snippet-generator.app/
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


Visual Studio Code自訂程式片段, vscode, 免費網頁軟體, 程式片段產生器, 網頁設計工具, 自訂程式片段,