jdb夺宝电子技巧|JDB夺宝电子下载
也想出現在這里?聯系我們

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

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

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

  1. 沙發
    李偉達:

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

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

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

發表評論

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

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

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

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

  • 猛戳我吧
jdb夺宝电子技巧 安徽十一选五开奖结果今天 中国福利彩票老时时彩 黄牛球票是怎么赚钱的 加拿大快乐8数据 福建11选5走势图 网球宝贝 36游戏中心下载安装 北京市福彩中心邮箱 新疆时时彩5星走势图星 天津快乐10分钟开奖结果