banner

Atom安装Emmet遇上Failed解决方案

最近又换了编辑器,这次换回了Atom。上手编辑器前,我一般要做的就是安装插件——emmet(这是一个有毒的插件)

atom有自己的插件安装管理,所以,第一次安装emmet的时候,我在setting>install中安装的emmet。

atom-emmet-install

但让人无法理解的事情发生,安装失败……,次奥,为鸡毛?我点开详情(一脸懵逼,全英文),大致问题是node和npm无法正常安装emmet插件(……)。

我大致总结的原因,atom自带0.10.x的NodeJS,有可能与我本地安装的NodeJS的出现了冲突。懵逼了半天,打开emmet在atom的主页才发现,插件开发者已经提供新的安装办法。

如果接触了NodeJS的童鞋,大多数应该都会搞了,我就偷懒的不跟你细说了。下面贴上一些相关命令,供对命令行不是很了解的童鞋参考(谁知道对不对,反正我也就是这样瞎搞了)。

分windows和os x的语句

windows:

1、打开cmd(命令行)。

2、进入C盘的Users\<你的计算用户名(如果是中文,怪我咯)>\.atom\packages\ ,命令例:

c:
cd \Users\sunshine\.atom\packages\

3、来一发克隆,把emmet的atom插件项目克隆到这个文件夹中

git clone https://github.com/emmetio/emmet-atom

4、进下载的emmet-atom文件夹,执行NodeJS项目经典语句

cd ./emmet-atom
npm install

5、重启你的Atom,完事儿

6、附赠JSX的Tab键生成html代码的设置。Atom编辑器,File > Keymap,在最后加入下面的代码,然后保存。*不支持的JSX的,推荐用react的jsx支持,不会出现一些麻烦的问题。

'atom-text-editor[data-grammar ~="jsx"]:not([mini])':
    "tab": "emmet:expand-abbreviation-with-tab"

os x (Linux的可以参考):

1、请打开你的终端窗口。

2、分行执行语句,我直接复制emmet-atom的语句,完全没问题

$ cd ~/.atom/packages
$ git clone https://github.com/emmetio/emmet-atom
$ cd emmet-atom
$ npm install


Tips:其实在windows上,新手比较迷糊的就是 ~ 这个是什么鬼。其实这个是unix类系统对用户文件夹的简写,一般 cd ~ 就会直接进入到用户文件下面了。


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

相关阅读

留言评论

1条留言
KuMiao
仰望高端玩家。