首页 > 文章

Atom编辑器

atom编辑器

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等等)。

作为一个一直使用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-MMarkdown预览(前提是装了markdown插件)

  • 96编辑器怎么用?
  • Atom编辑器
  • 微软公式编辑器怎么用:公式编辑器使用教程
  • 虚拟现实外包公司— VR开发编辑器意义重大 印证VR不仅服务于用户
  • 公式编辑器怎么打空格(怎么编辑已有的表格)
  • 秀米和爱迪帮编辑器区别
  • 秀米编辑器怎么插入视频-秀米编辑器插入视频的方法
  • 秀米编辑器怎么将文章复制到微信公众号-秀米编辑器复制到微信公众号方法
  • 秀米编辑器怎么插入图片-秀米编辑器插入图片的方法
  • 秀米编辑器如何导出文章-秀米编辑器导出文章方法介绍
  • 本文地址:https://www.ytsfc.com/show-1-20033-0.html

    • 大结局为什么萧炎杀药老

      大结局为什么萧炎杀药老

      原著大结局为什么萧炎杀药老​1、原因就是萧炎自身的原因了。萧炎是远古八族之萧族的后人,萧炎手中的古玉是打开古帝遗迹的关键。收集古玉是药老他们一直的使命。所以,药老追...

    • 车标志识别图片大全  【图片】

      车标志识别图片大全 【图片】

      每一辆汽车都有自己的品牌标志,用于告诉大家它们的生产厂家。下面我们来认识一下一些比较常见的汽车标志,有不认识的小伙伴赶快记下来!中国汽车最著名的要属:奇瑞、吉利、长城、...

    • 达咩啥意思:达咩为什么不能随便说

      达咩啥意思:达咩为什么不能随便说

      哒咩什么意思达咩的意思是不行,不许,不可以的意思。达咩是日语的中文读音译字,是一句比较生活化的日常用语。日语常用语还有,晚安对长辈:お休みなさい(哦呀斯米那赛),再见:さようなら...

    • 水浒传人物介绍:水浒传15个人物介绍

      水浒传人物介绍:水浒传15个人物介绍

      水浒传15个人物介绍1, 及时雨,呼保义,宋江:及时雨:总在别人需要的时候出现 2,玉麒麟,卢俊义 ,麒麟是神兽,是百兽之长 富甲天下,仗义疏财3,智多星,吴用 智多星,聪明,智慧多多的上界星辰...

    评论底部pc
    评论底部 m

    豆豆的家

    http://www.ytsfc.com/

    '); })(); | 京ICP1234567-2号

    Powered By 电视大师网 XXX公司

    使用手机软件扫描微信二维码

    关注我们可获取更多热点资讯

    感谢小豆豆技术支持