Atom如何使用?Atom的介绍与使用方法

发布时间 - 2018-09-26 00:00:00    点击率:

本章给大家介绍atom使用的使用方法,让大家知道什么是atom,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、javascript-snippets

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

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


# Python  # Java  # php  # JavaScript  # ruby  # typescript  # objective-c  # sql  # css  # html  # coffeescript  # webkit  #   # JS  # github  # git  # windows  # ide  # https  # linux  # ui  # atom  # 是一个  # 也不  # 太多  # 编辑器  # 下载量  # 几个  # 第三方  # 官网  # 中能  # 自己的 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  JS经典正则表达式笔试题汇总  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  ,交易猫的商品怎么发布到网站上去?  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel如何自定义错误页面(404, 500)?(代码示例)  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  详解CentOS6.5 安装 MySQL5.1.71的方法  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  如何快速生成橙子建站落地页链接?  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  微信小程序 require机制详解及实例代码  Laravel如何处理跨站请求伪造(CSRF)保护_Laravel表单安全机制与令牌校验  Laravel如何集成Inertia.js与Vue/React?(安装配置)  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  如何在IIS中新建站点并配置端口与物理路径?  青岛网站建设如何选择本地服务器?  linux写shell需要注意的问题(必看)  Android自定义控件实现温度旋转按钮效果  太平洋网站制作公司,网络用语太平洋是什么意思?  Bootstrap整体框架之CSS12栅格系统  如何在 Telegram Web View(iOS)中防止键盘遮挡底部输入框  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  JS去除重复并统计数量的实现方法  消息称 OpenAI 正研发的神秘硬件设备或为智能笔,富士康代工  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  MySQL查询结果复制到新表的方法(更新、插入)  如何用低价快速搭建高质量网站?  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  实例解析angularjs的filter过滤器  微信公众帐号开发教程之图文消息全攻略  如何用狗爹虚拟主机快速搭建网站?  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  ,在苏州找工作,上哪个网站比较好?  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  JavaScript Ajax实现异步通信  javascript如何操作浏览器历史记录_怎样实现无刷新导航  JavaScript如何实现倒计时_时间函数如何精确控制  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  移动端脚本框架Hammer.js  微信小程序 五星评分(包括半颗星评分)实例代码  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  郑州企业网站制作公司,郑州招聘网站有哪些?  如何在VPS电脑上快速搭建网站?  Laravel如何实现数据库事务?(DB Facade示例)  Linux系统命令中tree命令详解