感謝原作者橙色陽光提供的解決思路,原文見后面的附:
我的解決方式為:
1、首先下載emmet官方模塊,按傳統(tǒng)的拖放式安裝一下(會提示錯誤,但不要緊,只是為了有安裝記錄);
2、在安裝目錄brackets的插件目錄,在菜單 幫助》顯示擴展目錄 打開插件的目錄,找到user目錄下的brackets-emmet文件夾,在當(dāng)前文件夾中創(chuàng)建一個node_modules(如果有,就算了),也就是在下面這個目錄中新建目錄:
C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emmet
3、在開始第之前請確保你的npm是最新版的,如果不是請用下面的命令升級至最新版的npm:
npm -g install npm@xxx.xx
npm -v
(上面的xxx.xx為npm官網(wǎng)上的最新版本號)
4、開始》運行》輸入powershell(cmd也可以吧)進入命令行模式,來到新建立的這個node_modules目錄:
cd ....怎么來到這目錄,自己想辦法吧,在這個目錄進行emment的局部安裝。
npm install emment
運行后,在此node_modules目錄中生成了兩個目錄caniuse-db和emmet,而且運行后的提示是:
brackets-emmet@1.2.2 C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emme
`-- emmet@1.6.0
`-- caniuse-db@1.0.30000528
npm WARN brackets-emmet@1.2.2 No repository field.
如果不是最新版的會提示類似:
Registry returned 404 for GET on https://registry.npmjs.org/emment...
5、完成上述操作后,再檢查下C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emme這個目錄是否有一堆的文件,如果沒有的話將從brackets官網(wǎng)下載的安裝包里的文件復(fù)制進來。
6、重啟或按F5刷新brackets軟件,應(yīng)該輸入標(biāo)簽后再按下tab鍵后就會有神奇的效果了吧,如果不行的話就按F12看右上角的錯誤信息,與emmet有關(guān)的紅色欄的都是,看是缺了哪個文件,然后到C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emme\node_modules目錄中搜索相應(yīng)缺少的文件,補到相應(yīng)的位置——缺啥補啥!
像我就是悲催地屬于后者,咬牙找到了缺失的caniuse.json文件后,放到了
C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emmet\node_modules\emmet\lib目錄里,搞惦。
附橙色陽光的解決方案:
安裝Emmet插件的時候,直接提示安裝失敗,插件的啟動什么什么的失敗了(這個……我已經(jīng)修復(fù)了,具體是什么說明忘了);
剖析原因,Brackets的插件機制貌似是基于Nodejs(如果我沒看錯,node_modules是Nodejs專屬模塊引用)。
因此,如果你所在的網(wǎng)絡(luò)npm被墻了,沒法下載nodejs中emmet模塊,導(dǎo)致安裝失敗,這是第一種情況。
當(dāng)然,還有一種情況,就和陽光差不多了,自己有安裝自己的nodejs,導(dǎo)致Brackets內(nèi)置的nodejs無法通過npm安裝emmet,這是第二種情況。
【解決方案】
第一步,依然是安裝Brackets的Emmet插件,有問題暫時先放一下,只要是正常解壓了。
第二步,通過npm下載一個emmet模塊(如果被墻了,有三種解決辦法,第一種,全局代理;第二種,淘寶npm源;第三種,下載emmet的nodejs版壓縮包,渠道自己找)。
第三步,打開Brackets,在 幫助》顯示擴展目錄 打開插件的目錄,找到Brackets-emmet文件夾,在當(dāng)前文件夾中創(chuàng)建一個node_modules,將emmet模塊文件夾復(fù)制進去(文件夾的名字一定是emmet才行,具體是為啥,如果你用Nodejs就明白)。
第四步,重啟你的Brackets,繼續(xù)你的碼農(nóng)生活……
2016年3月3日 糾正一個問題,之前說的把emmet直接放進Brackets-emmet目錄,現(xiàn)在才發(fā)現(xiàn),說錯了。應(yīng)該是要在Brackets-emmet中有一個node_modules文件夾(NodeJS的模塊組件文件夾)
Tag:Brackets, Emmet, 編輯器
發(fā)布時間:2015年07月26日
博客被黑,挪窩簡書安家……