vim 安裝Emmet外掛程式

來源:互聯網
上載者:User

標籤:vim


文章 松陽    

本文出自 阿修羅道,禁止用於商業用途,轉載請註明出處。  

原文連結:http://blog.csdn.net/fansongy/article/details/43154305






Why html

最近說好的要學做移動App,想來想去,還是先從基礎搞起,先把失散多年的html撿撿。雖然我會原生語言,不過用慣了跨平台的東西:



想來想去,既然是應用,效率應該還成,html應該夠用了。跨得一手好平台。作為vim黨,我找到了個外掛程式,看著還不錯。

what‘s Emmet

Emmet是vi的一個外掛程式,它可以讓我等更方便的編輯html。你能在 這裡 找到它的最新資訊。

安裝

下載項目解壓縮。找到檔案中的pluginautoload將它複製到

~/.vim/.

重啟終端就成了。

測試

建立一個檔案,用vi開啟,輸入:

html:5

注意要將游標至於最後的位置,我覺得它的原理是,檢測從行首到游標位置的運算式,因此如果你游標在其他位置,運算式就不完整了。

接下來就是見證奇蹟的時刻,在輸入模式下,按下ctrl+y然後按下","。就會自動產生如下代碼:

<!DOCTYPE HTML><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body>    _</body></html>

看起來好酸爽。

More

當然它還有更多的用法。自動產生格式文本、圖片啥的,你可以參考 官方的文檔 英文比較簡單,我就不人肉翻譯了 ; )


vim 安裝Emmet外掛程式

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.