在 sublime text 3 中添加 Emmet (ZenCoding)

Sublime text 2 是獲得了盛贊的編輯器，而其中的 zen coding 插件也為人所津津樂道！

如今，這兩款軟件都有了新的版本，Sublime text 3 beta 版已經發布了，zen coding 也改名為 Emmet，其安裝方法也與之前有所不同。

下面就來介紹一下【如何在 Sublime Text 3 中安裝 Emmet 插件】：

首先，安裝 sublime text 3：

sublime text 3 的官方下載地址為：http://www.sublimetext.com/3，截止本篇博文發布的日期，最新版本為 3021。關於漢化和注冊，請自行百度、谷歌。

我下載的是 portable version 便攜版。直接解壓到文件夾中就可以用了，我解壓在 D:\Program Files\Sublime Text 3文件夾中，下面的示例均以此為准，請根據自己的情況修改示例中的指令。對於下載了 安裝版 的朋友，也請將示例中的文件夾修改為具體的安裝位置。

其次，安裝 sublime text 3 的 Package Control：

由於升級為 sublime text 3，原來 sublime text 2 中直接用指令安裝 Package Control 的方式已經不能使用了，報如下錯誤：

解決方式是使用 git 直接下載安裝，windows 下 git 可以使用 msysgit，下載地址為 Git-1.8.1.2-preview20130201.exe，或者使用 TortoiseGit，下載地址為 http://code.google.com/p/tortoisegit/wiki/Download。

對於使用 git 命令行方式，進入控制台（在“運行”中，輸入 cmd 回車），轉到 D:\Program Files\Sublime Text 3\Data\Packages，輸入如下指令：

D:\Program Files\Sublime Text 3\Data\Packages>git clone https://github.com/wbond/sublime_package_control.git "Package Control"

D:\Program Files\Sublime Text 3\Data\Packages>cd Package Control

D:\Program Files\Sublime Text 3\Data\Packages>git checkout python3

重新啟動 Sublime Text 3，可以在 Preferences 菜單下看到 Package Settings 和 Package Control 菜單項，表明 Package Control 安裝成功。

對於安裝了 TortoiseGit 的朋友，在“我的電腦”或“計算機”中打開 D:\Program Files\Sublime Text 3\Data\Packages 文件夾，在空白處右擊，選擇 Git Clone...，彈出如下對話框：

在URL中輸入:https://github.com/wbond/sublime_package_control.git，在Directory中將路徑修改為 D:\Program Files\Sublime Text 3\Data\Packages\Package Control，如下圖所示：

單擊 OK。

打開 Package Control子文件夾，右擊，在彈出的右鍵菜單中選擇 TortoiseGit>Switch/Checkout：

在彈出的對話框中，選擇 Branch>remotes/origin/python3：

單擊 OK，Sublime Text 3 的 Package Control 安裝成功。

再次，安裝 Emmet 插件：

啟動 Sublime Text 3，選擇 Preferences>Package Control，點選 Package Control:Install Package：

輸入 Emmet 並回車：

界面最下方顯示：

表明 Emmet 插件正在安裝。

在 Emmet 安裝完成后，會顯示如下屏幕：

請注意紅框內的文字，和左下角綠色框內的提示：

紅框內的文字是說“這個插件會自動下載和安裝 PyV8，請看狀態條信息”，而左下角的綠色框內的提示就是正在下載、安裝和載入 PyV8。

在PyV8安裝完成后，重啟 Sublime Text 3。

最后，運行 Emmet：

重啟 Sublime Text 3，會看到左下角再次出現 Loading PyV8 的提示，待其載入完畢，打開一個新文檔，按下 Control + Alt + Enter，會彈出如下提示框：

直接關閉它（我沒有發現這個錯誤對 Emmet 插件的使用有什么影響）。

在下方的命令窗口輸入 ZenCoding 指令就可以了。

或者也可以直接在文本區輸入 Emmet (ZenCoding) 指令，再按下 Ctrl + E，如：

table.MyTable>tr.MyTableTr*3>td.MyTableTr*5，按下 Ctrl+E，生成如下表格：

<table class="MyTable">
    <tr class="MyTableTr">
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
    </tr>
    <tr class="MyTableTr">
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
    </tr>
    <tr class="MyTableTr">
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
        <td class="MyTableTrTd"></td>
    </tr>
</table>