教你给Atom设置震撼的编辑效果-土地公生活经验
教你给Atom设置震撼的编辑效果
教你给Atom设置震撼的编辑效果
ATOM是由 GitHub 打造的一个现代的代码编辑器； 它开源免费跨平台，并且整合 GIT 并提供类似 SublimeText 的包管理功能，支持插件扩展，可配置性非常高；功能上非常丰富，支持各种编程语言的代码高亮、 与大多数其他编辑器相比，Atom的语言支持已经算是覆盖非常全面了。由于对于github的喜欢，当Atom一出来的时候，就开始在关注；在网上看到Atom编写代码非常震撼的效果之后，自己也尝试玩下。这里记录下来希望能帮到大家；
win7Atomgit
安装Atom1、打开Atom官网，点击Download Windows Installer下载安装包。2、下载之后双击“AtomSetup.exe”等待，他会默默的帮你安装，安装完之后在桌面会有快捷方式
设置环境变量安装Atom过程太轻松了什么都不需要，是不是有点慌，安装在哪里呢1、鼠标放在Atom快捷方式上面，右击-&属性。在属性窗口点击，打开文件位置，这样就可以知道了原来这货安装在C:\Users\Administrator\AppData\Local\atom；2、由于我们安装插件需要用到apm这里命令，这里需要将其添加到环境变量里面，如图；
安装插件1、atom的配置放在C:\Users\Administrator\.atom目录下。插件安装在.atom\packages目录下；2、通过cd .atom/packages进入包安装目录3、通过git clone /JoelBesada/activate-power-mode.git下载插件4、下面进入插件目录，执行安装命令$cd activate-power-mode $apm install这里主要安装过程atom编辑器不要打开；
编辑文件，体验效果安装完之后你会发现编辑文件还是没有所谓的震撼效果，怎么办1、打开插件github仓库位置，查看使用说明，原来安装之后还要激活，才回有效果，这里使用快捷键ctrl+alt+o激活，即可；
由于我自己制作的gif不能显示效果这里使用了网上的。开始感觉挺好玩的，不过用久了会产生视觉疲劳！
哪里可以购买 iPhone8？哪里价格又是最低？
关注公众号回复“苹果”，获取购买详情。
微信上搜索“南窗数码”，或扫描下方的二维码
“效果编辑”相关经验
效果编辑最新经验Atom安装插件的几个方法 - 简书
Atom安装插件的几个方法
Atom是一个很好用的编辑器，之前一直在纠结了用什么编辑器好，在对比了VSCode/Sublime Text3和Atom之后，我还是继续选择了Atom。Atom一个重要的功能就是插件(或者说package)，但是身在你国，Atom插件安装总是有点不稳定，比如下图：
install卡住了有木有?
在Atom设置界面中点击下载插件以后因为网络原因大多数情况都会卡住/报错。所以，还是自己手动安装需要的插件吧。
方法一：使用apm安装工具
apm(Atom Package Manager)是atom的包管理工具，可以方便的管理Atom的插件。下面以安装插件atom-beautify为例:首先打开你的cmd/bash,切换到atom的插件目录
$ cd ~/.atom/packages
$ apm install &package-name&
这里的&package-name&换为atom-beautify，运行命令。等待一些时间后，ok！atom-beautify安装完成。
重新打开你的Atom，是不是已经可以看到菜单里有atom-beautify了?
安装后的菜单
方法二：使用git clone整个插件的仓库
这种方法可能会少相关依赖，需要自行在package里运行npm install &node-package&安装相关的依赖。在atom.io上(或者在atom设置界面中跳转到插件的网页)找到插件页面，点击Repo跳到插件的github仓库，将&repo-url&替换为仓库的地址，然后在packages目录下运行下列命令：
$ git clone &repo-url&
方法三：使用自己创建的仓库
为了保证各个设备的Atom设置同步，可以自己新建一个git仓库，把自己的插件及配置文件(config.cson,snippets.cson等等...) 提交上去，今后就可以方便的安装自己提交上去的插件啦！
$ git clone /alucardlockon/MyAtomPackagesAndConfig
我的atom设置同步仓库Atom编辑器,插件安装 - 简书
Atom编辑器,插件安装
查看已安装的Atom插件(前提:已经安装)
输入apm ls命令,回车.
未安装任何插件时，显示如下:Built-in Atom packages (89)
...此处省略...
/Users/laznrbfe/.atom/packages (0)
└── (empty)
已安装任何插件时,显示插件列表:Built-in Atom packages (89)
...此处省略...
/Users/laznrbfe/.atom/packages (4)
├── atom-react-native-autocomplete@0.0.3
├── atom-react-native-css@0.0.4
├── language-javascript-jsx@0.3.7
└── react@0.14.1
Atom插件安装(个人推荐方法一)
方法一:通过Atom直接安装插件--&Atom--&Preferences...(系统偏好,快捷键:command加上,)--&点击Install选项--&搜索你需要的插件--&点击对应插件下面的Install按钮,下载,当Install按钮上的文字变为Disable表明下载插件成功。也可以通过apm ls查看插件列表。
方法二:命令行下载安装--&打开终端--&输入cd ~/.atom/packages，切换到atom安装包目录。--&在搜索插件，例如:vim..
vim搜索列表页面.png
--&点击对应插件，查看详情。例如:vim-surround..
vim-surround详情页.png
--&点击插件详情页面中的Repo按钮，跳转至插件的代码托管地址(仓库地址).复制代码托管地址(非该页面url地址),例如:/gepoch/vim-surround.git。
代码托管页面.png
--&终端输入git clone [代码托管地址],例如:git clone /gepoch/vim-surround.git.如果clone成功，终端输出如下:
Cloning into 'vim-surround'...
remote: Counting objects: 431, done.
remote: Total 431 (delta 0), reused 0 (delta 0), pack-reused 431
Receiving objects: 100% (431/431), 54.27 KiB | 28.00 KiB/s, done.
Resolving deltas: 100% (226/226), done.
Checking connectivity... done.
如果代码托管地址错误，终端输出如下：
Cloning into 'vim-surround'...
fatal: repository 'https://atom.io/packages/vim-surround/' not found
--&在终端中,有2种方式启动插件,个人推荐使用第1个方法，比第2个方法快。 1) 把当前目录切换到所下载的插件的目录里面，并安装插件。例如(vim-surround为你需要安装的插件):
cd vim-surround
apm install
安装插件成功，终端输出如下:
Installing modules ?
2) 在~/.atom/packages目录下直接安装，终端输入(vim-surround为你需要安装的插件):
apm install vim-surround
安装中，终端输出:
Installing vim-surround to /Users/laznrbfe/.atom/packages
安装插件成功，终端输出:
Installing vim-surround to /Users/laznrbfe/.atom/packages ?
OCer Swifter RNer君，已阅读到文档的结尾了呢~~
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
安装和使用Atom编辑器
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口&&80733 阅读
首先奉上Atom for Mac 下载地址：
原文稍有删改，如有不对之处，欢迎指出
在开发编辑器相争的领域，我们看到了不少的更新换代。最后一次使Web开发界轰动的编辑器，非莫属了，特别是在出现之后，更为其增添了不少光彩，它提供了完美的包管理功能，使用户能够方便的安装管理各种插件。
如今，Github开始坐不住了，它发布了一款新的编辑器的Beta版，名字叫做，誓要刮起Web开发界的一场新风暴。我有幸拿到了Beta版本的程序，接下来我要为你们展示这个编辑器究竟提供了什么样的功能。还有一件事需要提醒的是，此编辑器的文档甚是匮乏，所以有些功能需要一探究竟才能知道它使干什么用的，不过没关系，下面我将各个重要的功能给你们一一道来。
一个为21世纪所创造的可配置编辑器
首先我们要知道的是，这只是一个Beta版本，有好多特性在接下来的版本会被修改，或者还有些在最终版本中根本不会出现。比如，我就发现我没有找到使用一个文件夹创建工程的功能，这对我很重要。不过没关系，这个Beta版本已经大致可以用了。
接下来我们要说的是，这个编辑器完全是使用Web技术构建的。比如，底层依赖的架构是Chromium(Google Chorome的开源项目)，使得每一个窗口都是本地渲染的网页。为什么不只是创建一个基于浏览器的IDE呢，比如Cloud9IDE？因为，即使很多功能都使用了基本的浏览器API，但是对于需要文件系统访问权的编辑器来说仍有许多限制，所以把它做成一个桌面应用，就好多了。
你可以看到Chromium开发这工具在编辑器里出现，并且高亮显示了编辑器里的一个元素。虽然在编辑器里可以使用Chrome开发工具随便修改代码的内容和样式是十分怪异的，但我只是为了说明这个编辑器是基于Web技术的。
除此之外，他们（Atom的开发者）还把Node.js加了进来，为的是方便文件操作、可扩展的包管理(npm)，使得Atom变得高度可定制化，你可以随意安装各种npm包来扩展编辑器的功能。
最后，一段话说明他们为什么使用Web技术来构建这款编辑器：
With the entire industry pushing web technology forward, we're
confident that we're building Atom on fertile ground. Native UI
technologies come and go, but the web is a standard that can only
becomes more capable and ubiquitous with every passing year. We're
excited to dig deeper into its toolbox.
当你第一次使用Atom的时候，你会发现它像极了Sublime，在视觉上很有冲击力。
首先我要检查的是语言支持，虽然我平时主要使用JavaScript，但是我还是希望他将来能够支持Ruby on Rails（不只是Ruby，最好还要支持Rails框架啊）。它现在支持的语言有:
CoffeeScript
还有一些其他的。
与我所见过的其他编辑器相比，Atom的语言支持已经算是覆盖的很全面了。
不过与支持的语言相比，Atom更出色的是它的代码补全（也叫snippets），它可以使你只输入少量代码来完成大量的编程工作。
比如，如果我输入ife然后按tab，我会得到以下代码：
if (true) {
或者简单的输入一个小写的f然后按tab，它将给我创建一个匿名函数的基本框架：
function () {
这些功能在TextExpander和其他编辑器里已经有好一段时间了，所以很高兴看到有一天Github也能拥有这些功能。
在Sublime中（即使是v3）有一件事特别使我厌烦的，就是好多配置都要手工输入和调整。在Atom，好像所有的设置都可以通过设置面板来更改配置，以下就是一些你可以通过设置面板来配置的属性：
字体和大小
当然你也可以很轻松的禁用掉已安装的包。
个性化编辑器是许多程序员所要做的第一件事，尤其是一个你每天都要使用的主题。Atom默认自带了五个主题，包括浅色系和深色系的，通过包管理，你还可以增加许多主题来迎合你的品味。
我非常开心&Monokai&主题默认就自带了，它是我个人比较喜欢的。
现在，记得我之前提到过的所有窗口都是使用网页渲染，可以直接在Atom编辑器里呼出开发者工具码？好了，它意味这你可以随便自定义你的编辑器主题和样式，因为你可以通过审查元素，找到编辑器各部分的样式表。Atom允许你通过LESS样式表（style.less）自定义风格，你可以全权控制你的编辑器。编辑样式表很简单，只要找到菜单 Atom & Open Your Stylesheet，并做你想要的修改即可。
.meta.tag.sgml.doctype.html { font-size: 26 }
在上例中，我更新了.editor类，增加了DOCTYPE的显示样式，我把字体大小调整到了26px，故意弄的很大。以下图片就展示了样式更新后，打开HTML代码是怎样的：
正如你所看到的，你可以随便更改Atom的自定义配置，它的核心技术只是HTML和DOM。
随着能够安装新主题，Atom还提供了一个内置的包管理工具，允许你扩展编辑器的功能。这类似于Sublime的Package Control，但与之不同的时这个包管理工具以及内置在编辑器里面了，不需要另外执行一段代码来安装。
安装一个包非常简单，只需要点击Install按钮即可。编辑器还提供了搜索功能，还有一些推荐安装的包。
如果你希望通过命令行来完成这些工作，Atom提供了一个命令行工具，名叫apm（Atom Package Manager），以下就是安装包的命令：
apm install &package name&
安装包就像这样：
目前，数量非常少，不过将来会有希望增加更多。
你可以找到比如以下这些比较不错的包：
（当你的编辑器失去焦点时会自动保存）
还有更多。Atom作为一个新的编辑器，我无法得悉Sublime扩展包的作者们把他们的作品移植到Atom需要多长时间。事实上，已经有文档说明。由于许多TextMate的Bundle和Sublime是兼容的，似乎可以想象，Sublime的扩展包也可以通过此方法移植。但是别抱太大希望，我自己也没有试过。
这也许会是的一个福音，他们可以为新的Atom。现在Atom还处于萌芽期，仍缺少许多重要的插件，比如linter或代码高亮。这是一个开发者们可以填满的空当，我想在不就的将来Atom将会拥有很多的插件包。
快捷键也可以自定义，其使用一个文件~/.atom/keymap.cson来定义。你可以自己手动打开此文件，或者通过菜单Atom & Open Your Keymap。打开这个文件之后，里面将会有一些示例给你展示如何编辑快捷键。
有一个你需要记住的快捷键就是Command-Shift-P，这是一个可以呼出命令面板的快捷键，命令面板将会显示所有可用的功能和其快捷键。
官方的给你提供了基础的使用指引，非常值得阅读。不过需要记住的是，目前Atom项目的文档还是相当简陋的，所以部分功能还需自己试验的，遇到错误在所难免。
与其他编辑器的对比
很多人可能会问，Atom和我喜欢的编辑器对比会怎样？当然Sublime还是我最好的选择，Atom虽然是一个相当不错的测试版产品，但是我仍不急于更换。Sublime有很好的内置功能以及丰富的插件包和活跃的社区，是一个非常成熟的编辑器。
话虽如此，但Atom由Github维护的，拥有强大的后台。那里有很多的编程爱好者，是极客们的荣誉所在地，我相信我们在不久的将来Atom将拥有不少新的插件包，尤其考虑到Atom是使用Chromium和Node构建的，优势可想而知。
目前，因为还是Beta阶段，所以Github免费提供Atom，给开发者们一个免费试用以及开发插件的机会。如果其保持有竞争力的价格，且迅速建立起庞大的插件库，我想Atom将会成为我的新宠。
Atom for Mac 下载地址：
Cogito ergo sum