Download - 安裝Sublime text 3
Transcript
![Page 1: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/1.jpg)
與他的快樂夥伴們王騰泓
安裝 SUBLIME TEXT
![Page 2: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/2.jpg)
什麼是 SUBLIME TEXT?• Sublime Text 是一個可安裝套件 , 容易使用的編輯器• 它長得像這樣
![Page 3: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/3.jpg)
安裝 SUBLIME TEXT• 到它的官方網站 https://www.sublimetext.com/3
• 依照你的作業系統選擇安裝檔或是免安裝版• 安裝方式請依個人需求不一一贅述
![Page 4: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/4.jpg)
安裝 PACKAGE CONTROL• 到它的官方網站 https://packagecontrol.io/
• 按下 Install Now 然後會出現像下面這張如密碼般的圖• 只要複製該段文字 , 然後到 Sublime 裡 [Ctrl + `] 貼上後 Enter
![Page 5: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/5.jpg)
用 PACKAGE CONTROL 安裝 EMMET• 開啟命令面板 Tools > Command Palette… [Ctrl + P]
• 輸入 install > Enter
• 套件名稱 > Enter ( 完成安裝 )
![Page 6: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/6.jpg)
其他好用的套件• AdvancedNewFile ( 免切換視窗新增檔案 )
• ConvertToUTF8 ( 解決繁中亂碼 )
• Emmet (HTML 自動補完語法 )
• HTML/CSS/JS Prettify ( 自動排版網頁原始碼 )
• Text Pastry ( 可一次輸入連續序數 1…100)
![Page 7: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/7.jpg)
細部調教• 設定快捷鍵 F7 為在瀏覽器開啟網頁• Preferences > Key Bindings - User
![Page 8: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/8.jpg)
細部調教• 設定 Node.js 編譯 JavaScript
• Tools > Build System > New Build System…
![Page 9: 安裝Sublime text 3](https://reader035.vdocuments.net/reader035/viewer/2022062218/587f89fe1a28ab28518b56ed/html5/thumbnails/9.jpg)
細部調教• Python 自動將 Tab 轉換成 4 格空白