• <dl id="auwtx"><ins id="auwtx"><thead id="auwtx"></thead></ins></dl>
    <li id="auwtx"><ins id="auwtx"></ins></li>
    也想出現在這里?聯系我們

    Notepad++插件Python Script和Emmet的安裝

    • 文章介紹
    • 升級版本
    • 評價&建議
    也想出現在這里?聯系我們

    最近在做一個項目,涉及到大量的HTML、CSS代碼的編寫,手動寫代碼效率實在是低下。于是想搜索一下,有沒有Notepad++插件可以支持自動生成的,果不其然還真有。Emmet,這款神器其實就是 Zen Coding 的升級版,它可以極大的提高代碼編寫的效率,并提供了一種非常簡練的語法規則,立刻生成對應的 HTML 結構或者 CSS 代碼,同時還有多種實用的功能幫助進行前端開發。

    python

    Emmet支持多種編輯器,如Sublime Text 2,TextMate 1.x,Eclipse/Aptana,Espresso,Notepad++等。我習慣于在Notepad++下寫代碼,因此本文記述的是如何在Notepad++下安裝和使用。

    1、下載Emmet和Python Script

    Emmet需要 Python Script 的支持,因此這兩款插件必須同時安裝才能使用。

    下載地址:

    PythonScript_full_0.9.2.0

    Emmet的Notepad++插件

    2、安裝

    Emmet的安裝比較簡單,下載完解壓后復制到Notepad++安裝目錄的plugins下即可。

    Python Script安裝到Notepad++的目錄即可

    3、Emmet的工作流程

    安裝完Emmet后,強烈建議更改 Expand Abbreviation 的鍵盤快捷鍵為Tab鍵。

    打開Notepad++Settings > Shortcut Mapper…對話框,切換到 plugin commands,選中 Expand Abbreviation 項,修改其快捷鍵為Tab鍵即可。

    plugin_commands

     

    然后,就可以按照 Emmet 的工作流程來干活了:

    打開 HTML 或 CSS 文件->按語法編寫指令->按下 TAB 鍵->生成!

    4、Emmet的使用教程

    關于emmet網上的語法教程很多,百度下吧

    有用19
    • 2014.12.21初次和大家見面了!

    已擁有1人對該主題的建議

    1. 沙發
      李偉達:

      一直安裝不成功 使用快捷鍵 emment無法工作!

      能幫忙一下嗎! 給10元解決費

      2015-09-10 上午 8:48 [回復]

    發表評論

    還能輸入240個字
    也想出現在這里?聯系我們
    wordpress香港主機

    Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

    我要入群
    也想出現在這里?聯系我們
    wordpress主題推薦
    也想出現在這里?聯系我們
    wordpress主題推薦
    也想出現在這里?聯系我們
    wordpress主機推薦
    也想出現在這里?聯系我們

    我來推薦一個更牛逼的給你看看?

    • 猛戳我吧
    2018六开彩开奖记录
  • <dl id="auwtx"><ins id="auwtx"><thead id="auwtx"></thead></ins></dl>
    <li id="auwtx"><ins id="auwtx"></ins></li>
  • <dl id="auwtx"><ins id="auwtx"><thead id="auwtx"></thead></ins></dl>
    <li id="auwtx"><ins id="auwtx"></ins></li>