Sublime Text 先備知識

安裝Package Control

在Sublime Text裡按「ctrl+shift+P」叫出指令面板
在指令面板裡輸入並選取「Install Package Control」
過了一下後會跳出安裝成功
然後在叫出指令面板
輸入「Package Control」檢查是否有出現一堆與Package Control相關的東西
若有代表安裝成功
---------------------------------------------------------------------------------------------------
安裝Emmet

再開啟一次指令面板
輸入「Install Package」,點選「Package Control: Install Package」
輸入並點選「Emmet」
等跳出「Package Control Messages」之後代表安裝成功
---------------------------------------------------------------------------------------------------
安裝支援中文

依順序按 -> Preferences
                 -> Package Settings
                 -> ConvertToUTF8
                 -> Settings – Default
然後會出現一堆程式碼
先按「ctrl+A」全部複製下來
再依順序按 -> Preferences
                     -> Package Settings
                     -> ConvertToUTF8
                     -> Settings – User
把第7行的 ["Chinese Traditional (BIG5)", "BIG5"], 
移到第4行 ["Chinese Simplified (GBK)", "GBK"],    的上面
讓他變成

"encoding_list" : [
  ["Chinese Traditional (BIG5)", "BIG5"],
  ["Chinese Simplified (GBK)", "GBK"],
  ["Chinese Simplified (GB2312)", "GB2312"],
  ["Chinese Simplified (GB18030)", "GB18030"],
  ["Korean (EUC-KR)", "EUC-KR"],
  ["Japanese (CP932)", "CP932"],
  ["Japanese (Shift_JIS)", "Shift_JIS"],
  ["Japanese (EUC-JP)", "EUC-JP"],
  ["UTF-8", "UTF-8"]
 ],

---------------------------------------------------------------------------------------------------
建立HMTL的快捷

先點選Sumlime Text右下角的「Plain Text」
選取HTML
(以下輸入不包括上下引號)
然後輸入「!」+「Tab鍵」或是「html:5」+「Tab鍵
就會出現整體HTML5的架構,非常地方便
---------------------------------------------------------------------------------------------------
HMTL tag的快捷

(以下輸入不包括上下引號)
打個 p 按個Tab鍵,就會出現 <p></p>
打個 img 按個Tab鍵,就會出現 <img src="" alt="">
在<head></head>裡打「link:css」,就會出現 <link rel="stylesheet" href="style.css">
非常地方便
---------------------------------------------------------------------------------------------------
直接上路囉~開始HTML

基礎HTML

留言

這個網誌中的熱門文章

[ZJ] b229: TOI 2009 第一題:路徑問題

交大資工(APCS組)(面試&心得)

滿是挫傷的ION CAMP