第一課 Sublime工具的使用

一、Sublime安裝

1.Sublime安裝使用
    sublime是一個代碼編輯器，可以編寫HTML、PHP、js、css等文件；

2.Sublime有哪些優點
    a.跨平臺；
    b.擴展性強；
    c.體積小，運行速度快；
    d.支持編輯功能，可以在控制檯查看輸出；
    e.支持大量的插件；

3.Sublime的安裝
    下載：http://www.sublimetextcn.com，找到自己對應的系統版本安裝下載，這是中文版，集成了一些插件，但是並不好用，建議安裝英文版http://www.sublimetext.com/，然後手動安裝一些插件，這樣對sublime也有一個熟悉的過程；
    安裝：必須安裝在電腦硬盤當中；路徑中不能出現中文字符；注意安裝過程中一些垃圾軟件的取消安裝；

4.便捷操作
    a.新建文件：Ctrl+N；
    b.保存文件：Ctrl+S；
    d.自動補全文件結構：輸入“!”符號，再按“Tab”鍵(若安裝的是英文版，沒有安裝Emmet插件是不能使用這種快捷方式的)；
    e.在編輯區域右鍵，然後可以點擊“在瀏覽器中打開”，方便快捷地打開文件預覽；
    f.創建項目：項目--->添加文件夾到項目；

5.破解Sublime

我用的版本：sublime text3 3176 激活碼 註冊碼 License：

----- BEGIN LICENSE -----
sgbteam
Single User License
EA7E-1153259
8891CBB9 F1513E4F 1A3405C1 A865D53F
115F202E 7B91AB2D 0D2A40ED 352B269B
76E84F0B CD69BFC7 59F2DFEF E267328F
215652A3 E88F9D8F 4C38E3BA 5B2DAAE4
969624E7 DC9CD4D5 717FB40C 1B9738CF
20B3C4F1 E917B5B3 87C38D9C ACCE7DD8
5F7EF854 86B9743C FADC04AA FB0DA5C0
F913BE58 42FEA319 F954EFDD AE881E0B
------ END LICENSE ------

其他註冊碼來源：http://blog.sina.com.cn/s/blog_68e267e10102v76h.html
補充：2016.05 最近經過測試，3個註冊碼在新版3103的sublime上已經不可用了。現補充兩枚新版的license key:

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

最近覺得Sublime Text3比Notepad++好使，可惜需要購買，於是網上搜了一下，屌絲的福音啊：
Sublime Text Build 3065 License key
複製如下三個任意一個正版註冊碼即可

01
—– BEGIN LICENSE —–
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
—— END LICENSE ——

02
—– BEGIN LICENSE —–
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
—— END LICENSE ——

03
—– BEGIN LICENSE —–
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
—— END LICENSE ——

二、Sublime插件的安裝和使用

1.插件安裝的方式：
    a.插件安裝方式一：直接安裝：下載插件安裝包，然後把安裝包解壓到packages目錄中，完成安裝（packages目錄地址：菜單-->首選項-->瀏覽插件）；
    b.插件安裝方法二：使用package control組建安裝；

2.package control的介紹
    a.package control是Sublime軟件的插件包管理器，通過該組件，我們可以很方便的管理我們的插件（瀏覽，安裝，卸載）；
    b.中文版（www.sublimetextcn.com）默認已經安裝，但是英文版沒有安裝(個人建議使用英文版)；

3.安裝package control
    1.確認是否安裝：Ctrl+Shift+P調出命令面板，然後輸入“pc”，若下方出現“package control”則表示已安裝；
    2.如果沒有那幢，那手動安裝package control：Ctrl+Shift+P，然後輸入install，選擇install package control；
    3.也可以Ctrl+~，然後輸入：
    import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
    （地址爲：https://packagecontrol.io/installation，需要翻牆）；

三、Sublime插件安裝與卸載

使用package control安裝插件
1.漢化插件Chineselocalization：
    Ctrl+Shift+P調出控制面板，輸入install，選擇Package Control： Install Package，然後輸入Chineselocalization，自動完成安裝；

2.ConvertToUTF8自動把文件編碼方式轉變爲UTF-8：
    Ctrl+Shift+P調出控制面板，輸入install，選擇Package Control： Install Package，然後輸入ConvertToUTF8，自動完成安裝；

3.Emmet能夠快速編寫HTML、CSS標記的插件：
    a.Ctrl+Shift+P調出控制面板，輸入install，選擇Package Control： Install Package，然後輸入Emmet，自動完成安裝；
    b.結構補全：該插件可以快速編寫HTML、CSS等，新建一個html文件後，輸入感嘆號(!)，然後按Tab鍵就可以補全HTML5結構；如果想使用其他版本的html結構補全，輸入html:xt，然後按Tab鍵；
    c.標籤補全：“後代”補全：用大於號表示div>ul>li*3，然後按Tab鍵補全；出現    

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

        “兄弟”補全：用加號表示：如div+p+ul，然後按Tab鍵補全，出現：

<div></div>
<p></p>
<ul></ul>

        “分組”補全：用括號表示，如：div>(header>ul>li*4)+footer>p

<div>
    <header>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>

4.SublimeCodelntel代碼提示插件：Ctrl+Shift+P調出控制面板，輸入install，選擇Package Control： Install Package，然後輸入SublimeCodelntel，自動完成安裝；

5.SidebarEnhancements側邊欄插件：讓側邊欄功能更豐富：Ctrl+Shift+P調出控制面板，輸入install，選擇Package Control： Install Package，然後輸入SidebarEnhancements，自動完成安裝；

6.IMESupport使用來支持輸入框跟隨光標顯示的插件（支持Win7、Win8、Win10）；

刪除插件：
    a.輸入Ctrl+Shift+P，然後輸入remove，選擇package control：remove package；
    b.然後會出現一個package list，選擇需要卸載的插件即可；

四、Markdown語法

1.在Sublime中安裝插件
    一共安裝四個插件：MarkdownEditing、MarkdownSlideshow、MarkdownPreview、MarkdownExtend，其中MarkdownEditing安裝完後會報錯，下載 Markdown.sublime-syntax；(鏈接：https://pan.baidu.com/s/1-Mv8j0AleN428cqL8uemgQ 提取碼：qiwv 複製這段內容後打開百度網盤手機App，操作更方便哦)、(源碼地址：https://github.com/SublimeText-Markdown/MarkdownEditing/blob/master/Markdown.sublime-syntax#L10)；打開sublime > Preferences > Browse Packages，新建Markdown文件夾，將下載好的Markdown.sublime-syntax文件放入Markdown文件夾中，重啓sublime。 (個人建議不裝，後續還有一些麻煩需要進一步處理，不裝MarkdownEditing一樣能正常使用)

2.Markdown簡單語法：

    新建一個後綴爲.md的文件，寫完Markdown內容後，Ctrl+B自動編譯生成一個html文件，右鍵在瀏覽器中打開即可查看；

    1.標題

# 我是大標題
## 我是二標題
### 我是三標題
#### 我是四標題
##### 我是五標題
###### 我是六標題

    2.列表(有兩種，第一行空白)

- 我是列表1
- 我是列表2
- 我是列表3

1. 我是列表1
2. 我是列表2
3. 我是列表3

    3.圖片

![圖片名稱](圖片地址)

    4.引用(用>表示)

>大前端時代來臨，便捷、簡單、成本更低、更炫酷震撼；

    5.粗體與斜體

**粗體**
*斜體*

    6.代碼引用(這裏在引用大段代碼的時候，```後面可以在源碼中指明代碼的種類，但是在瀏覽器中不會顯示出來)

`這裏是一個小的代碼段`
```這是大段大段的代碼段```
```c
	int main(int argc, char const *argv[])
	{
		scanf("%d", &num);
		printf("%d\n", num);
		return 0;
	}
```

    7.表格(起始行必須空白，第三行爲特殊的樣式)

|表格名字1 |表格名字2 |表格名字3 |
|----|----|----|
|表格名字4 |表格名字5 |表格名字6 |
|表格名字7 |表格名字8 |表格名字9 |
|表格名字10|表格名字11|表格名字12|

 專業寫Markdown的工具可以用typora，百度一下就有；