Notepad++与emmet插件

Coraaaa

已于 2023-04-27 15:51:47 修改

阅读量235

点赞数

文章标签： notepad++ html

于 2023-04-27 15:48:15 首次发布

本文链接：https://blog.csdn.net/weixin_44841150/article/details/130408155

版权

安装目的

使用 Notepad++ 快捷的编写 html，利用快捷键使用 emmet 语法快速生成 html 的多个标签，达到 Sublime 与 emmet 搭配时的使用效果。

小知识：之前有很多关于在 notapd++ 上安装 zen coding 插件实现相同功能的贴子，但据说 emmet 是 zen coding 的升级版，之前找的资料里，zen coding 的最新版是2011年左右更新，富强之后下载的插件包也无法正常使用，所以转战 emmet。
该功能仅在 32 位的 Notepad++ 下实现，暂时没有发现适配 64 位的方法。
笔者使用了约 3 小时实现该文档的功能，算是外行强行进入。

前提

先下载以下三个安装包（文末有链接），再进入安装步骤。
package

安装步骤

双击 Notepad_x86_8.3.3.0.exe，安装 notepad++，一般选择默认设置即可。

假如安装路径为 C:\Program Files (x86)\Notepad++
解压 npp-master.zip，进入 npp-master 文件夹解压 emmet-npp.zip。
进入 emmet-npp 文件夹，将 EmmetNPP.dll 移入 EmmetNPP 文件夹内，然后复制 EmmetNPP 文件夹粘贴至 C:\Program Files (x86)\Notepad++\plugins。

此时启动 Notepad++，可以在 “插件” 下看到 Emmet 插件，但此时还不能用。
双击 PythonScript_1.0.8.0.msi 安装 PythonScript，安装路径与 Notepad 的安装路径一致。

Notepad++ 安装路径为 C:\Program Files (x86)\Notepad++，

PythonScript 的安装路径也为 C:\Program Files (x86)\Notepad++。
打开 Notepad++，单击 “插件>插件管理”，在 “可用” 的插件列表下找到 PythonScript，单击右上角的 “安装”，安装 PythonScript 插件。

虽然能用了，但不理解为什么需要安装两次 PythonScript，并且没有注意原来 Notepad++ 的插件管理器中是否就有 PythonScript，如果原本就有，则应该无需进行第 4 步的操作（我操作了，但是打开 Notepad++ 后 “插件” 中并没有出现 PythonScript，所以才有了第 5 步。
重启 Notapad++，单击 “设置>管理快捷键”，在 “插件命令“ 下查看 “Expand abbreviation” 快捷键，如果有冲突，需要进行修改才能使用。

安装包下载路径

Emmet: https://github.com/emmetio/npp#readme
Notepad++ 32 位: https://www.bear20.com/window/4001/473303900.html
PythonScript：https://sourceforge.net/projects/npppythonscript/files/Python%20Script%201.0.8.0/PythonScript_1.0.8.0.msi/download