关于Brackets安装emmet失败的修复

感谢原作者橙色阳光提供的解决思路,原文见后面的附:

我的解决方式为:

1、首先下载emmet官方模块,按传统的拖放式安装一下(会提示错误,但不要紧,只是为了有安装记录);
2、在安装目录brackets的插件目录,在菜单 帮助》显示扩展目录 打开插件的目录,找到user目录下的brackets-emmet文件夹,在当前文件夹中创建一个node_modules(如果有,就算了),也就是在下面这个目录中新建目录:
C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emmet

3、在开始第之前请确保你的npm是最新版的,如果不是请用下面的命令升级至最新版的npm:

npm -g install [email protected]
npm -v

(上面的xxx.xx为npm官网上的最新版本号)

4、开始》运行》输入powershell(cmd也可以吧)进入命令行模式,来到新建立的这个node_modules目录:
cd ....怎么来到这目录,自己想办法吧,在这个目录进行emment的局部安装。

npm install emment

运行后,在此node_modules目录中生成了两个目录caniuse-db和emmet,而且运行后的提示是:

[email protected] C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emme
`-- [email protected]
 `-- [email protected]
npm WARN [email protected] 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官网下载的安装包里的文件复制进来。
6、重启或按F5刷新brackets软件,应该输入标签后再按下tab键后就会有神奇的效果了吧,如果不行的话就按F12看右上角的错误信息,与emmet有关的红色栏的都是,看是缺了哪个文件,然后到C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emme\node_modules目录中搜索相应缺少的文件,补到相应的位置——缺啥补啥!

像我就是悲催地属于后者,咬牙找到了缺失的caniuse.json文件后,放到了
C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-emmet\node_modules\emmet\lib目录里,搞惦。

附橙色阳光的解决方案:

安装Emmet插件的时候,直接提示安装失败,插件的启动什么什么的失败了(这个……我已经修复了,具体是什么说明忘了);
剖析原因,Brackets的插件机制貌似是基于Nodejs(如果我没看错,node_modules是Nodejs专属模块引用)。
因此,如果你所在的网络npm被墙了,没法下载nodejs中emmet模块,导致安装失败,这是第一种情况。
当然,还有一种情况,就和阳光差不多了,自己有安装自己的nodejs,导致Brackets内置的nodejs无法通过npm安装emmet,这是第二种情况。

原文地址:http://oss.so/article/63

【解决方案】
第一步,依然是安装Brackets的Emmet插件,有问题暂时先放一下,只要是正常解压了。
第二步,通过npm下载一个emmet模块(如果被墙了,有三种解决办法,第一种,全局代理;第二种,淘宝npm源;第三种,下载emmet的nodejs版压缩包,渠道自己找)。
第三步,打开Brackets,在 帮助》显示扩展目录 打开插件的目录,找到Brackets-emmet文件夹,在当前文件夹中创建一个node_modules,将emmet模块文件夹复制进去(文件夹的名字一定是emmet才行,具体是为啥,如果你用Nodejs就明白)。
第四步,重启你的Brackets,继续你的码农生活……
2016年3月3日 纠正一个问题,之前说的把emmet直接放进Brackets-emmet目录,现在才发现,说错了。应该是要在Brackets-emmet中有一个node_modules文件夹(NodeJS的模块组件文件夹)

Tag:Brackets, Emmet, 编辑器
发布时间:2015年07月26日
博客被黑,挪窝安家……

你可能感兴趣的:(关于Brackets安装emmet失败的修复)