1. 程式人生 > >notepad++安裝emmet外掛

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已經安裝成功可以正常使用了


這裡寫圖片描述