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


相关推荐: Laravel如何使用模型观察者?(Observer代码示例)  如何用wdcp快速搭建高效网站?  高性能网站服务器部署指南:稳定运行与安全配置优化方案  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  音乐网站服务器如何优化API响应速度?  详解Oracle修改字段类型方法总结  如何在自有机房高效搭建专业网站?  Laravel如何使用Contracts(契约)进行编程_Laravel契约接口与依赖反转  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  微信小程序 配置文件详细介绍  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  文字头像制作网站推荐软件,醒图能自动配文字吗?  详解Huffman编码算法之Java实现  java中使用zxing批量生成二维码立牌  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  Laravel怎么使用Intervention Image库处理图片上传和缩放  Python结构化数据采集_字段抽取解析【教程】  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码?  小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?  详解Android中Activity的四大启动模式实验简述  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  如何快速上传建站程序避免常见错误?  Laravel怎么在Controller之外的地方验证数据  如何生成腾讯云建站专用兑换码?  如何在阿里云完成域名注册与建站?  原生JS获取元素集合的子元素宽度实例  javascript中的try catch异常捕获机制用法分析  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  使用豆包 AI 辅助进行简单网页 HTML 结构设计  phpredis提高消息队列的实时性方法(推荐)  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  微信h5制作网站有哪些,免费微信H5页面制作工具?  如何使用 Go 正则表达式精准提取括号内首个纯字母标识符(忽略数字与嵌套)  googleplay官方入口在哪里_Google Play官方商店快速入口指南  如何在万网自助建站平台快速创建网站?  如何挑选最适合建站的高性能VPS主机?  Laravel如何使用.env文件管理环境变量?(最佳实践)  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  如何在企业微信快速生成手机电脑官网?  WEB开发之注册页面验证码倒计时代码的实现  开心动漫网站制作软件下载,十分开心动画为何停播?  如何快速使用云服务器搭建个人网站?  高端企业智能建站程序:SEO优化与响应式模板定制开发  详解jQuery中的事件