notepad++安装emmet插件

notepad++安装emmet插件

Emmet插件的前身是Zencoding,可以大幅度提高前端开发效率的一个工具,下面来记录一下在notepad++上安装emmet的过程。因为Emmet 需要 PythonScript 插件的支持,所以我们实际上需要安装两个插件,emmet和PythonScript 。

首先就是推荐相应的好的资源的地址。这个可以先不看

notepad++插件资源网站:

https://sourceforge.net/projects/npp-plugins/files/?source=navbar

推荐插件:

https://blog.csdn.net/z45689/article/details/57493338,
https://blog.csdn.net/qq_35815348/article/details/80096179

下载安装notepad++

可以自行去notepad++官网下载,https://notepad-plus-plus.org/download/v7.5.8.html ,目前最新版本为7.5.8,可以下载自己喜欢的版本。


这里写图片描述


安装过程中,记录下自己的notepad++安装位置。我的安装位置是D:\notepad++,安装完成之后,进入安装目录,会看到一个plugins文件夹,记住这个文件夹就行。我这边是新建了一个a_plugin_download文件夹,以备后面下载插件使用

这里写图片描述



打开notepad++,我这边用的是v7.5.8的中文简体版本,会看到一个插件栏,现在我们是看不到emmet和PythonScript插件的(网上看到这个插件栏下面是有plugin mamager,但是并没找到对应版本,也有看到有人说 32bit 在v7.50后(包括7.50)不带有Plugin Manager,但尝试下载,还是没找到。如果你找到了,可以告知一下~~)

这里写图片描述

下载安装emmet插件

去https://emmet.io/download/网址下载emmet 插件文件。点击notepad++图标,进入github,下载对应文件。

这里写图片描述




得到文件emmet-npp.zip,解压获得EmmetNPP和EmmetNPP.dll两个文件,将EmmetNPP.dll放入到EmmetNPP文件夹里,再将EmmetNPP文件夹放入到上述notepad++安装根目录下 的plugins目录下就实现了notepad++的 emmet插件的安装。但是现在还不能用,因为前面已经说过,Emmet 需要 PythonScript 插件的支持,下面会介绍PythonScript插件的安装。


这里写图片描述

PythonScript插件的安装

我们可以百度下载PythonScript_full_0.9.0.1.zip文件,解压缩得到plugins文件夹和python27.dll,需要将plugins内部的文件全部复制到notepad++安装根目录下 的plugins目录下(记住是plugins内部的文件,而不是plugins文件夹),将python27.dll放入notepad++安装根目录下。就完成了PythonScript插件的安装的安装。

这里写图片描述

测试emmet的功能

首先打开notepad++,找到菜单栏设置->快捷键管理,选中“插件命令”tab,找到Expand Abbreviation,修改快捷键为tab。

这里写图片描述

新建工作簿,输入div#99+tab键,查看效果。ok,我的emmet已经安装成功可以正常使用了


这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_37326058/article/details/82710244