(转)ATOM介绍和使用

一,Atom介绍

Atom 是 Github 开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。启动速度快,提供很多常用功能的插件和主题,可以说Atom已经足以胜任“半个IDE”了。

个人感觉有如下几个优点:

(1)多平台支持(Windows、Mac、Linux)

(2)界面美观、现代化,使用舒适

(3)多文件管理(Atom提供了文件树列表的功能)

(4)设置管理很方便,不用像Sublime需要自己手动安装第三方管理插件

(5)由GitHub打造,社区活跃,免费使用

(6)支持各种编程语言的代码高亮和代码补全(部分需要插件支持)

(7)原生Git的支持

(8)原生Markdown支持(实时预览、代码高亮,比Mou的代码高亮效果好很多)

(9)主题插件越来越丰富

二,Atom的安装使用

1、安装设置

直接去Atom官网下载安装即可,地址:https://atom.io

Atom文本编辑器支持Windows、Mac、Linux 三大桌面平台,完全免费,并且已经在 GitHub 上开放了全部的源代码。功能设置和插件安装直接在设置选项里面即可设置,默认的很多设置选项已经很不错了,也不需要太多地修改。

主题插件的安装也很简单。点击顶部菜单“File”->“Settings”。在出现的下图安装界面中,输入自己的需要安装的主题或者插件的部分名称即可匹配搜索,点击‘INSTALL‘即可安装成功使用了(主题需要切换到Themes选项卡上)

2、原生Markdown书写和预览

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML标记语言来说,Markdown可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

Atom原生支持Markdown的书写和预览,这相较于Sublime的需要安装第三方Markdown插件使用起来还要优秀,由于时Github自家打造,Markdown语法当然也是与github语法完全同步。

使用快捷键 Ctrl + Shift + M 则可打开Markdown的预览界面。

Atom的markdown Preview官方效果图如下:

3、原生Git支持

作为一个程序员,Git无疑是一个版本控制神器。如果你编辑了你从GitHub上Pull代码,那么在编辑器的右下角或者菜单树中能直观的看到自己编辑代码的状态,当然还有其他很多功能。这个大家可以自行去摸索。

三,常用快捷键

Atom设置选项 keybindings 中列举了相当长的一份关于快捷键的绑定列表,你也可以自定义快捷键的配置文件,有相同的快捷键则会覆盖掉原有的,使用你自己设定的。下面是一些常用的快捷键:

Crtl+Shift+M    开启Markdown实时预览
Command+Shift+P    打开命令窗口,可以运行各种菜单功能
Command + T    快速多文件切换
Command + F    文件内查找和替换
Command + Shift + F    多文件查找和替换
Command + [    对选中内容向左缩进
Command + ]    对选中内容向右缩进
Command + \    显示或隐藏目录树 
Crtl + m    相应括号之间,html tag之间等跳转 
Crtl + Alt + B    格式化代码(需要安装atom-beautify) 
Crtl + `    调起CLI命令行界面(需要安装terminal-panel)

四,常用的一些插件

Atom的常用插件基本上都在 Atom Packages 首页中能找到,选择热门的、下载量较多的适合自己需要的基本上都是正确的选择,下面列举一写比较好用的插件:

1、minimap

minimap是一个预览全部代码的一个插件,同时能方便的移动到指定的文件位置。

2、atom-beautify

atom-beautify是一个格式化代码的插件,支持HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C,CoffeeScript, TypeScript, SQL等多种语言。

  • 安装后可以使用 Crtl + Alt + B 快捷键进行格式化。
  • 也可以点击菜单“Packages”->“Atom Beautify”->“Beautify”进行格式化。

3、emmet

emmet是HTML,CSS快速编写的神器,具体的使用可以参看emmet官网。

4、autocomplete-* 系列

autocomplete-*系列包含各个语言的代码自动补全功能,你需要什么语言的就可以下载该语言相关的插件即可。

  • autocomplete-paths:填写路径的时候有Sug提示
  • autocomplete-php:php代码提示补全
  • autocomplete-java:java代码提示补全

5、pigments

pigments是项目文件中,样式显色显示的的插件。在Atom中的下载量可是相当的高。对于前端人员来讲还是很重要的一个插件。

6、terminal-panel

用于执行命令并显示输出。打开终端面板快捷键:Ctrl + `

7、docblockr

可以帮助我们方便快速地写注释。

8、javascript-snippets

让我们书写js时使用各种缩写,自动补全代码。

9、file-icons

让文件前面有彩色图片,使文件类型看得更加清除舒服。(如果使用着 seti-ui 主题,则体现不了效果哦)

五、常用主题

Atom 的主题是分为UI主题和语法主题,默认情况下软件已经提供了好几套主题(有暗色调、也有亮色调)供我们使用。

  • 在菜单“Atom”->“Preferences”->“Themes” 页面中可以分别切换 UI Theme 和 Syntax Theme
  • 在菜单“Atom”->“Preferences”->“Install” 页面中可以搜索安装各种主题。

除了默认自带的主题,下面推荐几个优秀的Theme,大家可以自行安装。

1,seti-ui + seti-syntax

每个文件前的icons是最大亮点

2,atom-material-ui + atom-material-syntax

颜色正

(1)暗色调

(2)亮色调

结语

总之,Atom使用起来还是很舒心的,界面美观、众多常用功能的原生支持,不需要话费太多时间去配置一大堆主题插件,学习成本低。

原文出自:www.hangge.com  原文链接:http://www.hangge.com/blog/cache/detail_1149.html

原文地址:https://www.cnblogs.com/zero-vic/p/9880262.html

时间: 2024-10-15 05:55:03

(转)ATOM介绍和使用的相关文章

Atom介绍和安装步骤

Atom是全然基于web技术开发而成的一款编辑器,其底层架构依赖于chromium,google chrome浏览器也是基于此.编辑器的每一个窗体都是本地渲染的web页面,而且其风格与时下流行的sublime text编辑器非常相似. 安装步骤:https://github.com/atom/atom(參考) 安装 Atom chocolatey package. 安装 chocolatey. 重新启动命令行. 运行cinst Atom 今后仅仅要运行 cup Atom 更新最新版本号.

Atom编辑器折腾记_(1)介绍下载安装

何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支持宏,自动完成分屏功能,集成了文件管理器. 为什么用ATOM 开源 - 遵循MIT协议,代码托管在github上 多平台 - 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包) 丰富的插件库 - 开源到现在一年了..社区的各种插件丰富起来了,且atom的插件支持在线更新! 类Sublime - 风格和s

Atom编辑器折腾记

(1)介绍下载安装 (2)基础了解使用 (3)插件主题推荐 (4)按键绑定keymap (5)记住上一次打开的目录及浏览器预览功能实现 (6)config.cson基础教程 (7)Emmet实例教程 (8)分屏操作 (9)实用侧边栏插件[仿Mac OS finder] (10)CSScomb增强版[CSS/LESS/SASS] (11)编辑器实时预览HTML页面(插件:Atom HTML Preview) (12)Sync-setttings(插件-备份神器) (13)JS代码智能提示补全(插件

Atom快速进入全屏后隐藏/恢复显示菜单栏

今天用ATOM进入全屏模式,然后偶尔琢磨这个Atom 1.3.2版本的软件的时候, 在菜单栏里面的View里面, 有一个Toggle Menu Bar的选项,好奇的我点击了下,瞬间,菜单栏就不见了.. 经过一番琢磨,终于想到了方法,其实就是通过键盘的快捷键啦. 注:虽然我用的是atom 1.3.2版本的软件,但是原理是一样的.工具/原料 Atom软件,键盘,鼠标,电脑 方法/步骤 首先,当然是打开ATOM软件啦,进入全屏怎么进?按下键盘上面的快捷键F11是最好的. Atom快速进入全屏后隐藏/恢

Atom:优雅迷人的编辑神器

对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件.我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错过. 大学的时候,坊间对那些编程高手有一个令人向往的传说,大概说的是大神们能够直接使用text纯文本写代码.觉得这种级别的境界特别高大上特别有逼格.自己用eclipse,vs这些带有代码补全功能的IDE就感觉有点low.于是在很长一段时间里,都是带着信仰去追求这种境界的. 直到后来发现了一款神器,加上认知的慢慢提高,我的这个高大上的信仰,被打

iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角)

iOS开发-常用第三方开源框架介绍(你了解的ios只是冰山一角) 2015-04-05 15:25 2482人阅读 评论(1) 收藏 举报开源框架 图像: 1.图片浏览控件MWPhotoBrowser       实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作.      下载:https://github.com/mwaterfall/MWPhotoBrowser目前比较活跃的社区仍旧是Github,

Atom编辑器入门到精通(四) Atom使用进阶

原创时间:2016-01-31更新时间:2016-03-27 在本节中将介绍Atom提供的更高级的使用技巧,通过这些技巧将会进一步提高你的代码编写效率 代码片段(Snippets) Snippets是一种在代码中快捷插入代码块的方式,下面是维基百科中对Snippet的解释 片段(Snippet)是一个编程用语,指的是源代码.机器码.文本中可重复使用的小区块.通常它们是有正式定义的执行单位,以纳入更大的编程模块.片段经常用来明晰其他"凌乱"函式的功用,或尽量减少使用与其他函式共用的重复代

github atom创建自己的语法高亮

使用atom一段时间了,有些插件还不是很成熟.比如项目中使用protobuf,早就有人写了语法高亮(https://github.com/podgib/atom-protobuf),但是效果不是很好.于是决定自己写一个. atom linux的配置目录在~/.atom下,里面有一个packages目录,所有安装的插件(或者叫做包)都在这里.所有在这里的包在启动时都会自动加载.因此,我们直接在这里创建一个包. cd .atom/packages mkdir language-protobufcd

Android笔记1——开发前奏1开发环境搭建和开发工具使用介绍

转载请注明http://www.cnblogs.com/devtrees/p/4382234.html 欢迎指正错误,共同进步! 一背景知识 1.1G-4G的介绍 Generation(一代) WAP(wait and pay) Wireless Markup Language(WML)精简版的html语言 二.Android概述 1.Android操作系统介绍 2.Android历史介绍 3.Android系统架构(重点) 第一层:应用层Application 第二层:应用框架层Applica