<p id="5fowl"></p>

    <s id="5fowl"><sup id="5fowl"></sup></s>

      1. <dl id="5fowl"><dfn id="5fowl"></dfn></dl><bdo id="5fowl"><delect id="5fowl"><blockquote id="5fowl"></blockquote></delect></bdo>
        <bdo id="5fowl"></bdo>

        也想出現在這里?聯系我們

        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網上的語法教程很多,百度下吧

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

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

        1. 0樓
          李偉達:

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

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

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

        發表評論

        還能輸入240個字

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

        我要入群
        也想出現在這里?聯系我們
        wordpress加速

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

        • 猛戳我吧
        免费无码不卡视频在线观看
        <p id="5fowl"></p>

          <s id="5fowl"><sup id="5fowl"></sup></s>

            1. <dl id="5fowl"><dfn id="5fowl"></dfn></dl><bdo id="5fowl"><delect id="5fowl"><blockquote id="5fowl"></blockquote></delect></bdo>
              <bdo id="5fowl"></bdo>