码代码新神器-Github Atom
周末闲着没事,逛论坛发现了一个新的编辑器,由github发布的Atom编辑器。瞬间被吸引了,所以就去尝试着折腾了一下,后来发现这个编辑器确实很不错,他的特点就是两个字:优美!!!
下载地址,官方网站下载速度太慢太慢了。。。这里有个github的下载地址。要快很多 下载编辑器点这里
Atom介绍
Github的员工Nathan Sobo在Atom的博客中提到:"Sublime和TextMate十分方便,但是扩展性不足;另一方面,Emacs和 Vim扩展性很强却需要学习日程工作中很少用到的脚本语言。"因此,他们希望找到一个平衡点,于是就有了Atom这个项目。
Atom 代码编辑器支持 Windows、Mac、Linux 三大桌面平台,完全免费,并且已经在 GitHub 上开放了全部的源代码。它支持各种编程语言的代码高亮(HTML
/ CSS
/ Javascript
/ PHP / Python / C / C++ / Objective C / Java / JSON / Perl / CoffeeScript / Go / Sass / YAML / Markdown
等等)。
下面是优酷上Atom的宣传片,逼格好高的样子,老奶奶都写会css...
:
我捣腾了这么久,说说自己的看法吧。作为一个一直使用sublime 编辑器的人来说,转用Atom是非常的简单,Atom和Sublime功能非常相似,很多快捷键都是一样的。虽然他们现有功能差不多,并且sublime更加轻巧,但是我觉得相比于sublime,Atom的优势也很明显,界面更加优美,功能强大,插件使用方便,可扩展性强等等。。。
优美
Atom装了expose这个插件之后,mac用户使用shift+command+e
组合键可以得到意想不到的酷炫!!下面是截图为证,可以方便的看到每一个文件大概的内容,快速选择已经打开的文件。方便!!!优美!!!
和git完美结合
Atom 编辑器可以和 GIT 完美结合,所有对代码、文本的修改都能体现在编辑器的界面上。
比如在文件内新写的代码会在左边标记为绿色,删除的标记为红色,修改的标记为黄色。在左边的目录导航也能方便的看到文件改动:有改动的文件其文件名和所在文件夹名都会被标记为高亮显示。
编辑器底部会显示当前所在分支和对文件的修改行数统计,对于 GIT 用户来说非常方便。
基于WEB技术构建
和微软发布的Visual Studio Code编辑器一样,Atom 也是基于WEB技术(Chromium+Node.js)开发的,简单理解的话编辑器本身其实是一个跑在本地的网页,这足以让无数 WEB 工程师为之兴奋!用户可以用Javascript来编写编辑器插件,并且github大家都知道,他是Atom的强大后台支撑,这里有着大量的编程爱好者,相信Atom的插件会持续的增多,Atom也会变的越来越优秀。
Atom推荐插件
安装插件跟sublime一样,可以在setting界面中,搜索安装,也可以快捷键shift+command+p
跳出搜索输入框输入关键字进行安装。
atom-beautify
:美化代码,格式化代码的插件。
autocomplete-paths
:输入.或者/的时候,会自动提示路径和路径下的文件。非常好用!
autoprefixer
:css样式的兼容性添加。当写好自己的css之后,会自动添加类似-webkit-等前缀的css样式代码。
color-picker
:css中需要赋值颜色的时候,使用这个插件可以看到一个完整的取色器,实时的取色,改变。。。非常方便!
file-icons
:左边工程目录的每一个文件,如果有一个小图标表示就漂亮了,没错,就需要这个插件了。
git plus
:当然是为了更好的使用git了。
markdown-format,markdown-writer
:如果你不是Mac用户,并且十分喜欢使用markdown来写东西的话,那么你一定会爱上在Atom上写markdown的感觉~~
linter
: 自动提示你代码中不规范的地方,让你拥有更加规范的代码习惯。如果你想得到完整的信息提示,则推荐这个插件linter-jshint
minimap
:用过sublime text的同学一定知道右边那方便的缩略图,难道这么好用的工具Atom上会没有吗?不会!这个插件就会让你见到熟悉的缩略图, 而且功能更加强大!
插件 | 说明 |
---|---|
minimap-codeglance |
放大镜的功能,这个插件就会让你的鼠标移动到缩略图上的时候放大显示那边部分的代码 |
minimap-find-and-replace |
当你想替换单词的时候你会想起ctrl+D ,可以你知道全篇有多少你要替换的字符串吗?通过这个插件你就可以在缩略图上看到所有你选中的字符串 |
minimap-git-diff |
通过这个插件,每当你修改你的代码的时候你就会在缩略图上看到和之前git中的区别 |
minimap-highlight-selected |
当你选中部分代码的时候,它就会高亮的出现在缩略图中 |
minimap-linter |
这个插件让你的缩略图显示的更加漂亮和完整 |
expose
:当你一次性打开多个文件的时候也许你会使用分屏来查看,安装了这个插件之后使用shift+command+e
就可以分屏查看。截图上面已经出现过,美不美!!!
atom-material-ui
:这是一个主题插件
,他有自带的一些动态效果,特别酷炫。话不多说,自己试试就知道。
终于废了老半天时间来搞这个编辑器,不过每装一个插件就能感受其强大的时候,就觉得很值得,下面是我使用这个主题的截图,很漂亮吧?
Atom快捷键
其实Atom和sublime的跨界件非常相似,比如我常用的cmd+d,这里只列出一些常用的快捷键。
ctrl+shift+s
保存所有打开的文件
cmd+\
显示或隐藏目录树
cmd+b
在打开的文件之间切换
cmd+d
快速查找选中的内容
cmd+right, ctrl+E
移动到一行结束
cmd+left, ctrl+A
移动到一行开始
cmd+K, cmd+U
使当前字符大写
cmd+K, cmd+L
使当前字符小写
ctrl+shift+K
删除当前行
ctrl+shift+U
调出切换编码选项
cmd+F
在当前打开的页面中查找
cmd+shift+f
在整个工程中查找
ctrl+space
提示补全信息
ctrl-shift-M
Markdown预览(前提是装了markdown插件)
如果有需要,大家去看这个链接吧,里面的快捷键总结非常的全面,想看点这里
码代码新神器-Github Atom的更多相关文章
- Github Atom
码代码新神器-Github Atom 周末闲着没事,逛论坛发现了一个新的编辑器,由github发布的Atom编辑器.瞬间被吸引了,所以就去尝试着折腾了一下,后来发现这个编辑器确实很不错,他的特点就 ...
- 【代码管理】GitHub超详细图文攻略 - Git客户端下载安装 GitHub提交修改源码工作流程 Git分支 标签 过滤 Git版本工作流
GitHub操作总结 : 总结看不明白就看下面的详细讲解. . 作者 :万境绝尘 转载请注明出处 : http://blog.csdn.net/shulianghan/article/details ...
- 学会了 Vim 还有必要用 GitHub Atom 或者 Sublime Text 么?
亦俊 ,90后,Vim 专栏作者 563 人赞同 Vim 知乎专栏:http://zhuanlan.zhihu.com/hack-vim 用过 [ Visual Studio 2015 ] [ Sub ...
- git使用方法----如何利用git管理代码?如何使用git将代码传到github中去
## 在文件夹中打开 git here; 1.git init ===初始化一个仓库(这个仓库会存放,git对我们代码进行备份的文件)2.配置个人信息 -- --在git中设置当前使用的用户是==( ...
- Github Atom 1.12.0-beta3 发布
Github Atom 1.12.0-beta3 发布了,Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,J ...
- Understand:高效代码静态分析神器详解(转)
之前用Windows系统,一直用source insight查看代码非常方便,但是年前换到mac下面,虽说很多东西都方便了,但是却没有了静态代码分析工具,很幸运,前段时间找到一款比source ins ...
- Java代码简化神器-Lombok
一.背景 前段时间在开源社区中发现了一个比较牛逼的简化Java代码的神器-Lombok,接着自己写了demo进行测试和练习,感觉真的很不错,特此分享给需要的小伙伴们~ 二.开发之前的准备 1.lomb ...
- asp.net C#生成和解析二维码代码
类库文件我们在文件最后面下载 [ThoughtWorks.QRCode.dll 就是类库] 使用时需要增加: using ThoughtWorks.QRCode.Codec;using Thought ...
- 小代码编写神器:LINQPad 使用入门
原文:小代码编写神器:LINQPad 使用入门 一:概述 1:想查看程序运行结果,又不想启动 VS 怎么办? 2:想测试下自己的 C# 能力,不使用 VS 的智能感知,怎么办? 那么,我们有一个选择, ...
随机推荐
- Selenium WebDriver 3.0 需要注意的事项
以下所有代码基于Java 首先,要使用WebDriver 3.0 的话 请使用JAVA 8(必要) 其次,由于W3C标准化以及各大浏览器厂商的积极跟进,自WebDriver 3.0 之后,Sele ...
- Conditional Split component 用法
Conditional Split 用于将数据流按照条件进行拆分,每一个output 都有name和condition. 数据流逐行按照condition进行match,如果match,那么改行会进入 ...
- WPF Datagrid删除一行
private void btnDel_Click(object sender, RoutedEventArgs e) { if (DGUser.SelectedItem != null) { Dat ...
- TSQL语句练习题
1. 查询Student表中的所有记录的Sname.Ssex和Class列. select Sname,Ssex,Class from Student 2. 查询教师所有的单位即不重复的Depart列 ...
- ASP.NET Core的配置(4):多样性的配置来源[上篇]
较之传统通过App.config和Web.config这两个XML文件承载的配置系统,ASP.NET Core采用的这个全新的配置模型的最大一个优势就是针对多种不同配置源的支持.我们可以将内存变量.命 ...
- 瀑布流StaggeredGridView 下拉刷新
1.项目中用到了瀑布流,之前用的是PinterestLikeAdapterView这个控件 然后上拉加载更多跟下拉刷新用的是XListView ,但是加载更多或者下拉刷新的时候闪屏,对用户体验很不好 ...
- 浅谈webWorker
一.webWorker之初体验 在"setTimeout那些事儿"中,说到JavaScript是单线程.也就是同一时间只能做同一事情. 也好理解,作为浏览器脚本语言,如果JavaS ...
- 通过配置http拦截器,来进行ajax请求验证用户登录的页面跳转
在.NET中验证用户是否登录或者是否过期,若需要登录时则将请求转向至登录页面. 这个流程在进行页面请求时是没问题的,能正确进行页面跳转. 然而在使用xmlhttprequest时,或者jq的getJs ...
- PHP中有关正则表达式的函数集锦
之前学正则表达式的目的是想从网上抓取点小说啊,文档啊,还有获取相应的视频连接然后批量下载.当时初学PHP根本不知道PHP有专门抓包的工具,就像Simple_html_dom.php(在我的其他博文中有 ...
- Stackoverflow/dapper的Dapper-Extensions用法(二)
之前翻译了Dapper-Extensions项目首页的readme.md,大家应该对这个类库的使用有一些了解了吧,接下来是wiki的文档翻译,主要提到了AutoClassMapper.KeyTypes ...