超強JavaScript編輯器WebStorm上安裝zenCoding

來源:互聯網
上載者:User

給力的webStorm上缺少zencoding支援,那可真是編碼不知碼味,吃飯沒有鹽味,泡妞沒有香味,人生沒有趣味。

先下載zencoding for IntelliJ.IDEA

address:

http://code.google.com/p/zen-coding/downloads/list

WebIDE and IntelliJ IDEA Zen CSS 1.0 Sep 2009 7.3 KB 820 WebIDE.Zen.CSS.1.0.zip  
WebIDE and IntelliJ IDEA Zen HTML 1.0 Sep 2009 4.7 KB 917 WebIDE.Zen.HTML.1.0.zip  
WebIDE and IntelliJ IDEA Zen Coding 1.0   Featured

下載三個後解壓。

然後找到以下目錄:

C:\Documents and Settings\username\.WebIde10\config\templates (xp 系統 webStorm目錄)

IntelliJIdea90\config\templates  (IntelliJ 目錄)

把解壓後檔案拷貝進去。

重啟webStorm,然後ctlr + alt + s中找live templates中就可以看到zencoding 、zen css、zen HTML,這說明已經安裝成功。

然後有人會問,這個觸發擴充的快速鍵是哪一個呢?

webStorm只提供三個 space tab and enter,這個可以自己選。

在live templates的最下方,如果是寬屏的話,要仔細看哦~!!雙擊規則也可以看到。

by default expand with space tab and enter

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.