Atom activate-power-mode插件安装

两周前在微信公众号里看到关于对Atom编辑器中酷炫效果的展示,觉得很有意思,于是去尝试了一下这个酷炫的插件。

Atom

Atom是Github开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。Atom的强大可以与大名鼎鼎的Sublime Text相媲美。两者界面相差也不是很多,易于上手。

以下是一位知乎大神对其本质的解析:

Sublime 是原生界面,脚本用的是 python;Atom 应该是基于 Chromium Embedded Framework,基本上就是个 web app,源码都是 CoffeeScript 写的,连界面都可以用 CSS 来自定义。

                             知乎–尤雨溪

Atom安装

目前Atom官网已经有了1.0版本.可以从它的官网上进行下载。

官网首页

从网站图片就可以看出这款编辑器的精美,点击中间的红色按钮就下载就可以了。安装完成后启动界面如下图所示:
启动界面

下载安装完成后,难处主要实在安装activate-power-mode的过程。这个过程很曲折。

插件下载

首先要从官网下载插件:
activate-power-mode
插件页面
进入页面后点击versions,会进入一个显示各个历史安装包的页面可以下载。选择适合的包进行下载。

具体的下载页面如下所示:
下载页面

插件安装

1.在安装好Atom后右键点击,打开文件位置。可以看到文件安装在C:\Users\Administrator\AppData\Local\atom\app-1.3.2下。

注意:(如果是安装的话,忽略这步,如果是解压的话,需要配置环境变量到path中,路径为 :~\atom\app-1.3.2\resources\app\apm\bin,和JAVA_HOME类似)。

2.将下载的zip包解压,放到C:\Users\Administrator\.atom\packages下。
以管理员身份运行windowsDos命令窗口,进入到~/packages/activate-power-mode下,运行命令:
1
$ apm install

1
$ apm install activate-power-mode

3.当两个命令都出现done的提示的时候,证明安装成功了。(借用CSDN的图)
安装成功

在安装过程中可能会出现如下错误:
error
网上搜索后,说是缺少依赖组件产生的。需要运行如下命令:
ps:运行这条命需要安装Git客户端

1
npm install easyimage

运行相关命令后

奇怪的是:我运行后还是会出现错误,但是我打开Atom编辑器已经可以使用了,希望哪位大神,弄清原理后说明一下。十分感谢!

安装完之后重启,打开Atom,在新建文档时,不会出现效果。需要手动加载插件(通过快捷键ctrl+alt+o​打开),就可以看到酷炫效果了!
最终的效果:
最终效果

小技巧:去除屏幕抖动效果——shake。
可能会有人觉得这个插件抖动的时候看起来很不舒服,晃眼。
其实去掉这个效果很简单,在文件夹下

1
~\.atom\packages\activate-power-mode\lib

找到activate-power-mode.coffee文件,打开->找到如下图所示文件位置。将文件中的screenShake.enabled改为screenShake.disabled即可。

去除效果文字行

是不是看起来舒服多了呢?快开始你的编码旅程吧!


部分内容转载自:

1.Atom与markdown
2.Github Atom 安装activate power mode炫酷插件超详细教程