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"], 的上面
讓他變成
---------------------------------------------------------------------------------------------------
建立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
在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
留言
張貼留言