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


相关推荐: Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  安克发布新款氮化镓充电宝:体积缩小 30%,支持 200W 输出  bing浏览器学术搜索入口_bing学术文献检索地址  微信小程序 input输入框控件详解及实例(多种示例)  如何生成腾讯云建站专用兑换码?  中山网站制作网页,中山新生登记系统登记流程?  jQuery中的100个技巧汇总  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  如何破解联通资金短缺导致的基站建设难题?  javascript中的try catch异常捕获机制用法分析  Java解压缩zip - 解压缩多个文件或文件夹实例  nodejs redis 发布订阅机制封装实现方法及实例代码  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  如何在云主机上快速搭建多站点网站?  如何在IIS中新建站点并配置端口与IP地址?  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  JavaScript实现Fly Bird小游戏  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  黑客入侵网站服务器的常见手法有哪些?  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  重庆市网站制作公司,重庆招聘网站哪个好?  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  INTERNET浏览器怎样恢复关闭标签页_INTERNET浏览器标签恢复快捷键与方法【指南】  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  Laravel怎么实现模型属性的自动加密  如何快速登录WAP自助建站平台?  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  成都品牌网站制作公司,成都营业执照年报网上怎么办理?  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel如何使用Service Container和依赖注入?(代码示例)  如何快速查询网址的建站时间与历史轨迹?  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  如何用PHP工具快速搭建高效网站?  Laravel如何与Pusher实现实时通信?(WebSocket示例)  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?  Windows10电脑怎么查看硬盘通电时间_Win10使用工具检测磁盘健康  Android自定义控件实现温度旋转按钮效果  bootstrap日历插件datetimepicker使用方法  在线制作视频的网站有哪些,电脑如何制作视频短片?  如何在局域网内绑定自建网站域名?  Android中AutoCompleteTextView自动提示  香港服务器建站指南:外贸独立站搭建与跨境电商配置流程