Brackets安装emmet失败的解决办法

Brackets是Adobe公司的开源IDE编辑器,要比DW(Dreamweaver)轻便。相对于Github公司的Atom来说,各有各的好吧。好了,多得介绍就不说了,有兴趣的朋友可以去Brackets的官方网站了解。

近期发现Brackets有快速导入PSD的功能,所以又开始尝试使用Brackets。由于天朝网络的问题,导致我们安装Brackets的插件时,经常是连接失败。因此,一直是从Github上下载插件的zip包安装。

这里说到插件,就不得不提起Emmet这个插件的神奇了。由于习惯了Emmet的简写,基本在我使用新编辑器或IDE时,一定要安装一个Emmet插件。但是,问题来了......

brackets-emmet

安装Emmet插件的时候,直接提示安装失败,插件的启动什么什么的失败了(这个……我已经修复了,具体是什么说明忘了);

剖析原因,Brackets的插件机制貌似是基于Nodejs(如果我没看错,node_modules是Nodejs专属模块引用)。

因此,如果你所在的网络npm被墙了,没法下载nodejs中emmet模块,导致安装失败,这是第一种情况。

当然,还有一种情况,就和阳光差不多了,自己有安装自己的nodejs,导致Brackets内置的nodejs无法通过npm安装emmet,这是第二种情况。

【解决方案】

第一步,依然是安装Brackets的Emmet插件,有问题暂时先放一下,只要是正常解压了。

第二步,通过npm下载一个emmet模块(如果被墙了,有三种解决办法,第一种,全局代理;第二种,淘宝npm源;第三种,下载emmet的nodejs版压缩包,渠道自己找)。

第三步,打开Brackets,在 帮助》显示扩展目录 打开插件的目录,找到Brackets-emmet文件夹,在当前文件夹中创建一个node_modules,将emmet模块文件夹复制进去(文件夹的名字一定是emmet才行,具体是为啥,如果你用Nodejs就明白)。

第四步,重启你的Brackets,继续你的码农生活……

【命令行执行方案】

1、请先安装Nodejs,并且支持npm;

2、下载一份Brackets的emmet插件zip(Github),进入Brackets的扩展目录,把emmet的zip解压(文件夹重名为emmet);

3、有Bash吗?会cd进目录吗?(不会,就先去学习一下吧);

4、打开你的bash或者CMD,如果你是windows,并且安装了git bash,请在emmet目录下右键 Git Bash Here ;

4.1、*(Git Bash Here忽略这里),从文件管理器中,复制你的emmet路径(windows先进对应硬盘),通过cd进入emmet目录;

5、按行执行下列语句

npm install

打开你的Brackets,试试emmet语法吧

2016年3月3日 纠正一个问题,之前说的把emmet直接放进Brackets-emmet目录,现在才发现,说错了。应该是要在Brackets-emmet中有一个node_modules文件夹(NodeJS的模块组件文件夹)

2016年10月17日 添加一个新方案,虽然我现在已经不再使用Brackets,但方法通用的,都是NodeJS;

阅读: 12434
在同意共创许可协议(CC BY-NC-SA-4.0)的前提下,您可以转载本文。
橙色阳光
https://oss.so/article/63

相关阅读

留言评论

9条留言
访客
你可以分享一下你的吗?
橙色阳光
会用nodejs吗? 直接在emmet插件的目录中执行npm install
yiuyiu
还是不行...怎么搞T.T
橙色阳光
步骤肯定不对,目前我只有这个办法
nobird
折腾了好几个编辑器。。。我又回到sublime了。。。
筛宝
有意思呀
superman
- -请教一下,侧栏热门文章缩略图调用怎么写,结合缩略图插件
橙色阳光
http://wiki.zblogcn.com/doku.php?id=zblogphp:themes:tips#随机获得文章中的四张图片中的一张
好文章
过来看看、感谢分享

精品域名

出售精品域名 Yumi.La ¥5000.00