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

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

Tips： ctrl 對應著 mac 里面的 command 鍵。

1. Emmet 插件

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

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

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

1.1 HTML

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

1.2 CSS

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

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

2. DocBlockr 插件

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

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

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

2.1 一個星號注釋

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

2.2 兩個星號注釋

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

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

2.3 自定義注釋

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

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

3. AdvancedNewFile 插件

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

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

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

3.1 在根目錄下新建文件

3.2 在某個文件夾里新建文件

默認是跟目錄，我們在文件前面加上具體的路徑就可以在某個文件夾里新建文件了，非常方便。

3.3 新建文件夾

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

Tips： 新建文件夾有一個小問題，新建成功后文件夾會有一個 init.py 的文件，我們可以手動刪掉即可。

4. 總結(jié)

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

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