基礎(chǔ)插件安裝設(shè)置

本章節(jié)主要講解如何設(shè)置以及安裝一些常用的插件，可以方便我們?nèi)粘ｉ_發(fā)。舉個(gè)例子你就寫一個(gè)感嘆號(hào) ! ，然后按一下 Tab 就能快速生成一個(gè) html 文檔，想想是不是就很激動(dòng)！

Tips： ctrl 對(duì)應(yīng)著 mac 里面的 command 鍵。

1. Emmet 插件

無論哪個(gè)編輯器都必須裝的插件，功能非常強(qiáng)大，編碼效率提升十倍的利器，編程界的扛把子。

Preferences > Package Control > Install Packages，支持模糊搜索 emmet， 點(diǎn)擊 Emmet 下載即可，同理還有 Emmet Css Snippets，Emmet Style Reflector 配套使用

更多快捷鍵設(shè)置請(qǐng)查看：Emmet 官網(wǎng)

1.1 HTML

新建一個(gè) HTML文檔，寫一個(gè) ! （ HTML文檔最頂端的 DOC 聲明前的感嘆號(hào)），然后按下 Tab 鍵補(bǔ)全。同理還有 div.name p#name 等等。

1.2 CSS

新建一個(gè) css 文檔，寫一個(gè) pos ，然后按下 Tab 鍵試試。我們還可以寫 c#3 它代表顏色為 #333 ，這些快捷鍵理解了就很容易寫樣式了。

Tips：但是也不用刻意去記這些簡寫，過分依賴工具的程序員不是好程序員。

2. DocBlockr 插件

一個(gè)專注于快速生成代碼注釋的插件。

Preferences > Package Control > Install Packages，支持模糊搜索 docb， 點(diǎn)擊 DocBlockr 下載即可。

好的代碼離不開詳細(xì)的注釋，同學(xué)們可不能小看了注釋。代碼是給機(jī)器看的，但是注釋是給人看的。試想一下，一大段代碼沒有一行注釋，你會(huì)怎么辦？

2.1 一個(gè)星號(hào)注釋

在需要注釋的地方，按下/*，然后按下tab，如下圖：

2.2 兩個(gè)星號(hào)注釋

在需要注釋的地方，按下/**，然后按下tab，如下圖：

Tips： 按下tab在注釋描述之間進(jìn)行跳轉(zhuǎn)。

2.3 自定義注釋

你可以自定義一些你想展示的內(nèi)容。

{
    "jsdocs_extra_tags":[
        "Created by xumeng",
        "@email xxx@qq.com",
        "@DateTime {{date}}",
    ],
}

3. AdvancedNewFile 插件

一個(gè)專注于快速新建文件，文件夾的插件。

當(dāng)你使用 Sublime 編輯器的時(shí)候，是否也發(fā)現(xiàn)了它自帶的新建文件，文件夾的功能好弱雞，太難用了。有沒有一款可以快速新建文件，文件夾的插件呢？答案肯定是：有！

Preferences > Package Control > Install Packages，支持模糊搜索 advancedne， 點(diǎn)擊 AdvancedNewFile 下載即可。

3.1 在根目錄下新建文件

3.2 在某個(gè)文件夾里新建文件

默認(rèn)是跟目錄，我們?cè)谖募懊婕由暇唧w的路徑就可以在某個(gè)文件夾里新建文件了，非常方便。

3.3 新建文件夾

喚出新建文件夾輸入框，然后輸入文件夾和一個(gè)新的文件名即可。

Tips： 新建文件夾有一個(gè)小問題，新建成功后文件夾會(huì)有一個(gè) init.py 的文件，我們可以手動(dòng)刪掉即可。

4. 總結(jié)

本節(jié)課程我們主要了解了 Sublime Text 編輯器的一些常用插件安裝和介紹。同學(xué)們可以去試一試再自己的編輯器里安裝一下，體驗(yàn)一番，后面我們也會(huì)介紹各種語言的插件，謝謝！

一份好代碼，注釋也是必不可少的。