atom折腾笔记

以前就听说过它的大名,完全模块化定制。嫌麻烦,没有试。

这个世界上有那么多种编辑器,为什么你要花时间学习和使用 Atom 呢?

虽然 Sublime 和 TextMate 之类的编辑器已经非常好用了,但它们仅提供了很有限的拓展性。而在另一个极端,Emacs 和 Vim 提供了灵活的拓展性,但它们并不是很友好,需要使用专用的编程语言来配置和拓展。

我们觉得我们可以做得更好。我们的目标是在保证易用性的同时提供充分的可拓展性(hackability):这个编辑器会受到第一天学习编程的新生欢迎,而且当他们成长为编程专家时也难以割舍。

当我们使用 Atom 来开发 Atom 的时候,随着它的逐渐完善,我们愈发觉得已经离不开它了。从表面上来看,Atom 是一个能满足你的期待的,现代化的桌面文本编辑器,而在表面之下,这是一个值得你去一同完善的系统。

看这个介绍感觉更加高大上了,有没有。

以前用过emacs,感觉确实很难调教。。

官方下载地址

安装真的是太简单了,什么都不用做。

坑死我这个强迫症的,我不喜欢装C盘

**~~~~(>_<)~~~~**

目录是在:C:\Users\user\AppData\Local\atom\Update.exe

算了,先不管了。打开再说

界面还算清爽,符合我一直用sublime的习惯。尤其是装X的界面。

基本术语

让我们先来了解一下接下来要用到的几个术语:

缓冲区(Buffer) 代表了 Atom 中的一个文件的文本内容,它基本上相当于一个真正的文件,但它是被 Atom 维护在内存中的,如果你修改了它,在你保存之前,缓冲区的内容都不会被写入到硬盘里。

窗格(Pane) 代表 Atom 中的一个可见区域。例如在欢迎屏幕上你可以看到四个窗格:用来切换文件的标签栏(tab bar),用来显示行号的边框(gutter),底部的状态栏(status bar),以及文本编辑器。

命令面板

当你按下 cmd-shift-P 并且当前焦点在一个窗格上的时候,命令面板就会弹出来。

所有的命令都在这里,支持模糊查询。碉堡了!

快捷键

和sublime的一样强大,完全自己定制。

还有vim-mode,一个插件搞定了。

简单的设置

show invisibles 显示空格和换行符

soft tabs 启用制表符键

需要设置Tab Typehard

Tab length 设置制表符长度,一般为4

soft Wrap 自动换行,默认为80个字符

想要在命令行使用atom,还需要配置下系统变量。

在path中设置C:\Users\user\AppData\Local\atom\bin;即可

这下安装插件方式就多了,可以通过atom的install在线安装;也可以导入安装;还可以使用amp命令安装;还可以使用git和nmp来安装。

git的安装

官方下载地址

一直下一步就行了。默认安装方式安装。安装后使用的是MinGW的bash。还有个GUI,不过还没有用,以后用了再说吧。

nodejs的安装

官方下载地址

安装过程一样的一直下一步就OK。

nodejs也要配置下系统变量的,不过安装时它自己会配置一个

这个自己找 D:\Program Files\nodejs\node_modules\npm\bin

常用的插件

  • activate-power-mode

就是冲着它去的,很酷的,安装了就知道了。

没有反应的话,好像要使用ctrl+shift+o激活,但是我的不用。

  • power-mode

随地泡沫

  • emmet

html补全

  • atom-miku

二次元插件,我安装成功,没有效果,可能是冲突了

  • autocomplete-plus

当输入的时候,提供可能的候选项。

  • atomic-chrome

chrome里面的编辑框直接在atom编辑

  • minimap

源码预览图,提供丰富的自定义选项

  • file-icons

显示文件类型对应的图标。

  • atom-beautify

格式化代码,更统一的代码风格。

  • Color Picker

在编辑器里面挑选颜色。

  • rditor-setting

给每个语言独立设置扩展和功能

  • atom-terminal-panel

atom内置命令行工具

  • git-control

git面板

  • language-JavaScript-jsx

jsx扩展

  • markdown-preview-plus

markdown预览

  • tool-bar

toolbar-iconshortcuts
tool-bar-atom
tool-bar-shortcut //功能丰富
tool-bar-shortcuts //可以自选选项
左侧工具栏

  • atom-html-preview

预览lhtml页面

  • vim-mode

atom添加vin模式

  • pigment

颜色代码着色显示(代码指定的颜色)

  • autocomplete-modules

模块名自动补全

  • php-server

给某个文件夹php服务器启动

  • live-server

自动刷新的服务器

  • atom-react-preview

react预览

  • tree-view-git-status

文件夹git状态

  • tree-view-background

文件栏背景图

  • glowing-cursor

打字时候光标颜色

  • filecolor

文件名颜色

  • windows-context-menu

给windows添加打开快捷方式

  • open-in-browser

默认程序打开代码

  • sound

keyboard-sound
typewriter-sound
敲代码声音

  • video-player

背景播放视频

  • all-times-you-know

atom全局背景

  • hacker-news-background-titles

黑客新闻标题和打开链接(无文件打开状态下在背景)

  • editor-background

背景图片和视频

  • server-script

同步/运行脚本到服务器

  • custom-title

给atom设置个性化标题

  • status-bar

line-count-status
move-status-items
status-bar-clock
battery-status
git-status
ctags-status //类,函数,作用域

  • menu-manager

顶部菜单管理

  • php-class-tree

php类和方法树状图

  • Nuclide

Facebook的IDE

  • Script

在编辑器里运行代码

  • remote-edit

编辑服务器上的文件

  • remote-sync

同步服务器上的文件

  • remote-ftp

服务器文件的树状结构显示

  • browser-plus

浏览器

  • preview-plus

浏览一切

  • open-in-browser

在浏览器打开

  • language-babel

jsx语法

  • games

atom-2048
snake
tetromino

好了,一款强大的编辑器出炉。先整理这么多,已经完全够装X了。

以后慢慢更新吧!

最后由 不一样的少年 编辑于2016年05月17日 18:05