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

技术 18472 次围观 18 次吐槽

Python

  最近在做一个项目,涉及到大量的HTML、CSS代码的编写,手动写代码效率实在是低下。于是想搜索一下,有没有Notepad++插件可以支持自动生成的,果不其然还真有。Emmet,这款神器其实就是 Zen Coding 的升级版,它可以极大的提高代码编写的效率,并提供了一种非常简练的语法规则,立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。
  Emmet支持多种编辑器,如Sublime Text 2,TextMate 1.x,Eclipse/Aptana,Espresso,Notepad++等。我习惯于在Notepad++下写代码,因此本文记述的是如何在Notepad++下安装和使用。

1、下载Emmet和Python Script
Emmet需要 Python Script 的支持,因此这两款插件必须同时安装才能使用。
详见:https://github.com/emmetio/npp

下载地址:
PythonScript_full_0.9.2.0

Emmet的Notepad++插件

2、安装
Emmet的安装比较简单,下载完解压后复制到Notepad++安装目录的plugins下即可。
Python Script的安装则稍稍复杂,我走了一些弯路后才搞定。一开始以为将解压后的文件扔到plugins下就行了,但启动Notepad++时总是报错。
于是我打开 Python Script 的帮助文件,看了一遍安装手册才搞明白。
下载完PythonScript_full_0.9.2.0.zip后解压,将python27.dll文件复制到Notepad++安装目录的根目录下,同时在plugins文件夹中的全部内容复制到Notepad++安装目录的plugins下。
为表达清楚,摘录Python Script 的目录结构如下:

Notepad++ (Notepad++ 安装主目录,一般位于"C:\Program Files"下)
 +
 |-- python27.dll(放在Notepad++ 安装主目录下,和notepad++.exe属于同一目录)
 +-- plugins
           \
           |-- PythonScript.dll
           |
           |-- PythonScript
           |   \
           |   |-- lib
           |   |    \
           |   |     |-- (*.py)   很多 *.py 文件和子目录
           |   |
           |   |-- scripts
           |             \
           |             |-- (脚本和一些示例)
           |
           |
           |-- doc
           |    \
           |     |-- PythonScript
           |             \
           |             |-- PythonScript.chm(PythonScript帮助文档,英文版)

3、Emmet的工作流程
安装完Emmet后,强烈建议更改 Expand Abbreviation 的键盘快捷键为Tab键。
打开Notepad++Settings > Shortcut Mapper…对话框,切换到 plugin commands,选中 Expand Abbreviation 项,修改其快捷键为Tab键即可。

然后,就可以按照 Emmet 的工作流程来干活了:
打开 HTML 或 CSS 文件->按语法编写指令->按下 TAB 键->生成!

4、Emmet的使用教程
请参考:http://blog.wpjam.com/m/emmet-grammar/

转载请注明:秋水逸冰 » Notepad++插件Python Script和Emmet的安装

发表评论
取消评论
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
表情

已有评论 (18)

  1. 不错,我也加载一下这两个插件试试
    面试技巧2年前 (2017-03-31)回复
  2. 我也发现装上之后使用tab键会卡顿,代码特别多的时候就会,新写的页面还很流畅
    新手入门3年前 (2016-05-27)回复
  3. Emmet设置快捷键Tab后,用于其他代码(HTML代码较多时)缩进时卡顿问题没有人遇到过?
    吴汝华3年前 (2016-05-19)回复
    • 确实有卡顿现象。 暂时没有更好的办法避免。
      秋水逸冰3年前 (2016-05-19)回复
      • 希望能有新的解决办法
        新手入门3年前 (2016-05-27)回复
  4. notepad++6.8.3 按照你写的步骤 还是无法使用
    伟达3年前 (2015-09-10)回复
  5. 自己看了下文档 |-- Config (this config directory can also be in %APPDATA%\Notepad++\plugins\config\) | \-- PythonScript \ |-- scripts \ |-- (user level scripts go here) 这是什么含义! 没写清楚! 希望能解释一下
    伟达3年前 (2015-09-09)回复
  6. 按弄说的 对了
    狼蛛勇士3年前 (2015-08-27)回复
  7. 1 安装notepad++ 2 安装python 3 在notepad++插件管理里面找到emmet 点install 一路点是
    sly4年前 (2015-04-10)回复
  8. 按照你的方法安装了,为什么还是不能用啊?能不能帮帮我啊!QQ:285655496
    紫妖4年前 (2015-02-02)回复
  9. 感谢楼主,安装顺路,少走弯路,提高效率。 非常感谢楼主的共享。
    songyan4年前 (2014-12-16)回复
  10. 安装完以后调用EMMET时老是提示pythonscript不可调用 http://tieba.baidu.com/p/3405055694
    kissz4年前 (2014-11-18)回复
    • 按照上边的步骤就能搞定了 只安装emmet是不行的
      baiye4年前 (2014-12-04)回复
  11. 楼主,试试 PyCharm 吧,写python的神器,自动完成、refactor,各种高级功能都有,还能debug,唯一的缺陷就是收费,但物超所值。
    张海山6年前 (2013-08-15)回复
    • 虽然不是前端,但我写的是html和css,Emmet需要Python Script来驱动而已。对于Python语言我还是门外汉,呵呵。
      秋水逸冰6年前 (2013-08-15)回复
  12. 感觉你现在写代码越来越上档次了嘛,估计不久就能朝大神方向发展了,我看好你哦!
    smartsun6年前 (2013-08-14)回复