line3

一、下載安裝 Sublime Text 3 主程式​

TS-00002

 

二、讓 Sublime Text 3 擁有安裝套件的能力

TS-00004

▼ 開啟安裝好的 Sublime Text 3, 選擇「 View → Show Console 」

TS-00003

TS-00005

三、安裝有用的套件

▼ 選擇「 Preferences → Package Control 」準備安裝套件

TS-00006

▼ 輸入「 install 」找到「 install Package 」按「 Enter 」

TS-00007

 

安裝以下套件時,每一項都得先選擇「 Preferences → Package Control 」
再輸入「 install Package 」再輸入以下套件名稱, 找到之得按「Enter」即可安裝

  1. Emmet : ZenCoding 支援 , 輸入關鍵字按 Tab 鍵即可完成程式碼的撰寫。
    TS-00008
  2. AutoFileName : 可以瀏覽選擇檔案。
    TS-00014
  3. Browser Integration : 按右鍵可以選擇 Open in Browser 將檔案開啟到瀏覽器預覽。
    TS-00016
  4. jQuery : jQuery 語法提示支援。
    TS-00015
  5. BracketHightlighter : 標籤名稱或變數名稱或程式括號以框線或底線標明。
    TS-00022

 

※ 開檔存檔方式:

  1. 開啟網站資料夾 : 「 File → Open Folder… 」。
  2. 開新檔案 : 「 File → New File 」。
  3. 儲存檔案 : 「 File → Save 」 ※輸入檔名時,副檔名也必須輸入。