Atom设置震撼的编辑效果

╰半夏微凉° 2022-08-18 02:14 206阅读 0赞

# Atom设置震撼的编辑效果 #

#     #

# 在代码[编辑器][Link 1]、文本编辑器领域，有着不少的「[神器][Link 2]」级的产品，如历史悠久的 [VIM][]、Emacs 以及如今当红的[SublimeText][]。另外还有 EditPlus、NotePad++、UltraEdit 等一大堆流行的利器，可谓百家争鸣。   然而，作为目前全球范围内影响力最大的[代码][Link 3]仓库/开源社区，GitHub 的程序员们并不满足于此。他们使用目前最先进流行的技术重新打造了一款称为“属于21世纪”的代码编辑器——**Atom**， 它[开源][Link 4]免费跨平台，并且整合 GIT 并提供类似 SublimeText 的包管理功能，支持插件扩展，可配置性非常高……  [Atom][] 代码编辑器支持 Windows、[Mac][]、[Linux][] 三大桌面平台，完全免费，并且已经在 GitHub 上开放了全部的源代码。在经过一段长时间的迭代开发和不断改进后，Atom 终于从早期的测试版达到了 1.0 正式版了！相比之前的版本，在性能和稳定性方面都有着显著的改善。  ![Center][]   开发团队将 Atom 称为一个“为 21 世纪创造的可配置的编辑器”，它拥有非常精致细腻的界面，并且可配置项丰富，加上它提供了与 [SublimeText][] 上类似的 Package Control (包管理)功能，人们可以非常方便地安装和管理各种插件，并将 Atom 打造成真正适合自己的[开发][Link 5]工具。      编辑效果实在酷炫。![羡慕][envy.gif]![羡慕][envy.gif]![羡慕][envy.gif]  ![Center 1][]  另外，Atom同样支持 SublimeText 的几个重要的功能，譬如 Goto Anything、Goto Symbol、Goto Line、命令面板等等，就连[快捷键][Link 6]也是一模一样的！相信 ST 的用户将会比较轻松地过渡到 Atom 去。实际上，从功能上来看，目前的 Atom 编辑器基本就是 Sublime 的一个复刻版，只是技术实现方式不同，插件的技术也有所差异。 #

### 和 GIT 完美结合工作 ###

[Atom 编辑器][Atom]可以和 GIT 完美结合，所有对代码、文本的修改都能体现在编辑器的界面上。比如在文件内新写的代码会在左边标记为绿色，删除的标记为红色，修改的标记为黄色。在左边的目录导航也能方便的看到文件改动：有改动的文件其文件名和所在文件夹名都会被标记为高亮显示。编辑器底部会显示当前所在分支和对文件的修改行数统计，对于 GIT 用户来说非常方便。

### 基于 WEB 技术构建 ###

和之前介绍过的微软 [Visual Studio Code][] 编辑器一样，Atom 也是基于 WEB 技术（Chromium+Node.js）开发的，简单理解的话编辑器本身其实是一个跑在本地的[网页][Link 7]，这足以让无数 WEB 工程师为之兴奋！用户可以用Javascript来编写编辑器插件，用 CSS把主题界面改成任何你喜欢的样式等，这使得编写[插件][Link 8]、主题、二次开发的门槛的降低了许多。这也能解释从 Atom 发布到现在不长的时间里，Atom的 Package 和主题数量都快速增长上来了。

![Center 2][]

工具/原料

win7，Atom，activate-power-mode.git

方法/步骤

安装Atom

1. 打开Atom官网，点击Download Windows Installer下载安装包。

2. 下载之后双击“AtomSetup.exe”等待，他会默默的帮你安装，安装完之后在桌面会有快捷方式

Atom官网地址：[ https://atom.io/][https_atom.io]

![Center 3][]

![Center 4][]

3.安装Atom过程十分轻松

查看安装位置：鼠标放在Atom快捷方式上面，右击->属性。在属性窗口点击，打开文件位置，这样就可以知道了原来安装在C:\\Users\\Administrator\\AppData\\Local\\atom。

安装插件

1.atom的配置放在C:\\Users\\Administrator\\.atom目录下。插件安装在.atom\\packages目录下；

2.单击Atom快捷方式，Packages->>Settings View->>Open

![Center 5][]

搜索插件包activate-power-mode.git，点击下载安装到本地。

![Center 6][]

编辑文件，使用快捷键ctrl+alt+o激活，体验效果。

[Link 1]: http://www.iplaysoft.com/tag/%E7%BC%96%E8%BE%91%E5%99%A8
[Link 2]: http://www.iplaysoft.com/tag/%E7%A5%9E%E5%99%A8
[VIM]: http://www.iplaysoft.com/vim.html
[SublimeText]: http://www.iplaysoft.com/sublimetext.html
[Link 3]: http://www.iplaysoft.com/tag/%E4%BB%A3%E7%A0%81
[Link 4]: http://www.iplaysoft.com/tag/%E5%BC%80%E6%BA%90
[Atom]: http://www.iplaysoft.com/atom-editor.html
[Mac]: http://www.iplaysoft.com/os/mac-platform
[Linux]: http://www.iplaysoft.com/os/linux-platform
[Center]: https://img-blog.csdn.net/20151204230418675?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Link 5]: http://www.iplaysoft.com/tag/%E5%BC%80%E5%8F%91
[envy.gif]: http://static.blog.csdn.net/xheditor/xheditor_emot/default/envy.gif
[Center 1]: /images/20220731/944ecc99b51c454fb04cd4ab764e9a63.png
[Link 6]: http://www.iplaysoft.com/tag/%E7%83%AD%E9%94%AE
[Visual Studio Code]: http://www.iplaysoft.com/visual-studio-code.html
[Link 7]: http://www.iplaysoft.com/tag/%E7%BD%91%E9%A1%B5
[Link 8]: http://www.iplaysoft.com/tag/%E6%8F%92%E4%BB%B6
[Center 2]: /images/20220731/df1b1847702144adb032238e3966ed14.png
[https_atom.io]: https://atom.io/
[Center 3]: /images/20220731/2afbb80056b64a3dac441cc1f7cfc7d1.png
[Center 4]: /images/20220731/04dd46acb63b406a9c2b7a2a9c3c4b59.png
[Center 5]: /images/20220731/6b5732ab9e874275a8241746f64de18c.png
[Center 6]: /images/20220731/c5b3b33b7d0b4d828322a1c65b21335f.png