notepad++安装emmet插件

时间:2024-04-13 14:54:29

notepad++安装emmet插件

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

下载安装notepad++

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

notepad++安装emmet插件

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

notepad++安装emmet插件


打开notepad++,我这边用的是v7.5.8的中文简体版本,会看到一个插件栏,现在我们是看不到emmet和PythonScript插件的(网上看到这个插件栏下面是有plugin mamager,但是并没找到对应版本)

notepad++安装emmet插件

下载安装emmet插件

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



notepad++安装emmet插件

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

notepad++安装emmet插件

PythonScript插件的安装

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

notepad++安装emmet插件

测试emmet的功能

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

notepad++安装emmet插件

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

notepad++安装emmet插件