atom编辑器的使用
Atom编辑器
Ctrl+单击(进行跳转)
何为ATOM 2
为什么用ATOM 2
常用快捷键–亲测及翻译 2
设置主题 5
插件推荐 6
前端必备插件篇 6
插件–美化篇 6
插件–协作篇 6
插件–键盘侠 6
插件–加强 6
实时页面(不用手动刷新页面) 7
分屏使用 7
详细用法:http://www.07net01.com/2015/05/838601.html
下载安装:https://atom.io/
何为ATOM
为什么用ATOM
常用快捷键–亲测及翻译
(注意:红字为常用,蓝色要常用,黑色一般)
英文 |
中文 |
快捷键 |
功能 |
|
New Window |
新建界面窗口 |
Ctrl + Shift + N |
如中文意思 |
|
New File |
新建文件 |
Ctrl + N |
如中文意思 |
|
Duplicate Line |
复制当前行 |
Ctrl + Shift + D |
如中文意思 |
|
Delete Line |
删除一行 |
Ctrl + Shift + K |
如中文意思 |
|
Toggle Comment |
启用注释 |
Ctrl + / |
与Sublime一致 |
|
Save |
保存文件 |
Ctrl + S |
如中文意思 |
|
Save As |
另存为 |
Ctrl + Shift +S |
如中文意思 |
|
Undo |
撤销 |
Ctrl + Z |
如中文意思 |
|
Redo |
重做 |
Ctrl + Y |
如中文意思 |
|
Cut |
剪切 |
Shift + Delete |
如中文意思 |
|
Copy |
复制 |
Ctrl + Insert |
如中文意思 |
|
Move Line Up |
行向上移动 |
Ctrl + up |
如字面意思 |
|
Move Line Down |
行向下移动 |
Ctrl + Down |
如字面意思 |
|
Paste |
粘贴 |
Shift + Insert |
如中文意思 |
|
Select All |
全选 |
Ctrl + A |
如中文意思 |
|
Find File |
查询文件,选定打开 |
Ctrl + P |
与Sublime不一样 |
|
Select Line |
选定一行 |
Ctrl + L |
如中文意思 |
|
Find in Buffer |
从缓存器搜索 |
Ctrl + F |
与Sublime一致 |
|
Replace in Buffer |
高级替换 |
Ctrl + Shift + F |
与Sublime一致 |
|
Select Next |
匹配选定下一个 |
Ctrl + D |
和Sublime一模一样有木有 |
|
Select All |
匹配选定所有 |
Alt + F3 |
和Sublime一模一样有木有 |
|
Indent |
增加缩进 |
Ctrl + [ |
向右缩进 |
|
Outdent |
减少缩进 |
Ctrl + ] |
向左缩进 |
|
Copy Path |
复制文档路径 |
Ctrl + Shift + C |
如中文意思 |
|
Slect Grammar |
语法选择 |
Ctrl + Shift + L |
和Sublime的Syntax设置功能一样 |
|
Increase Font Size |
增大字体 |
Ctrl + Shift + “+” |
Sublime的Ctrl + 也能生效 |
|
Decrease Font Size |
减小字体 |
Ctrl + Shift + “-“ |
Sublime的Ctrl - 也能生效 |
|
Toggle Commadn palette |
全局搜索面板 |
Ctrl + Shift + P |
和Sublime的大同小异 |
|
Open Folder |
打开文件夹 |
Ctrl + Shift + O |
如中文意思 |
|
Add Project Folder |
加载项目目录 |
Ctrl + Alt + O |
如中文意思 |
|
Reopen Last Item |
重新加载上次项目 |
Ctrl + Shift + T |
如中文意思 |
|
Close Tab |
关闭当前编辑文档 |
Ctrl + W |
如中文意思 |
|
Close Window |
关闭编辑器 |
Ctrl + Shift + W |
如中文意思 |
|
Select Encoding |
选择编码 |
Ctrl + Shift +U |
就是设置文件的编码 |
|
Go to Line |
跳转到某行 |
Ctrl + G |
支持行列搜索,Row:Column |
|
Reload |
重载 |
Ctrl+ Alt +R |
重新载入当前编辑的文档 |
|
Toggle Full Screen |
F11 |
全屏 |
如中文意思 |
|
Toggle Tree View |
展示隐藏目录树 |
Ctrl + |Sublime的Ctrl+K,+B这里也可以生效 |
||
Select First Character of Line |
选定光标至行首 |
Shift + Home |
如中文意思 |
|
Slect End of Line |
选定光标至行尾 |
Shift + End |
如中文意思 |
|
Select to Top |
选定光标处至文档首行 |
Ctrl + Shift + Home |
就是光标处作为分割线,取文档上部分 |
|
Select to Bottom |
选定光标处至文档尾行 |
Ctrl + Shfit + End |
就是光标处作为分割线,取文档下部分 |
|
Delte End of Word |
删除光标处至词尾 |
Ctrl + Del |
如中文意思 |
|
Toggle developer tools |
打开Chrome调试器 |
Ctrl + Alt + I |
神奇啊 |
|
Join Lines |
行链接 |
Ctrl + J |
追加 |
|
newline-below |
光标之下增加一行 |
Ctrl + Enter |
与sublime 一致 |
|
editor:newline-above |
光标之下增加一行 |
Ctrl + Shift + Enter |
与sublime 一致 |
比较新奇的功能,,眼前一亮啊!!似曾相识有木有,CHROME的web调试器!!!
设置主题
内部自带的主题就不介绍了,都挺耐看的
主题名字 |
描述 |
个人评价 |
isotope-ui |
A clean and configurable UI theme. |
高贵黑,但是不带语法主题,支持高级自定义 |
seti-UI |
A dark colored UI theme for atom with custom file icons |
扁平化磨砂黑,不带语法主题,自带了文件图标(还行) |
插件推荐
前端必备插件篇
5.autocomplete-plus — 完善自带autocomplete,有二度设置,接下来列出的一些有二度设置
· autocomplete-python — 你懂得,更加细致
· autocomplete-paths — 实用派,路径补全
· autocomplete-html — 你懂得,更加细致
· autocomplete-bibtex — github的markdown语法
· autocomplete-snippets — 如名字
·
autocomplete-css — 你懂得,更加细致
·
插件–美化篇
· file-icons — 增加许多图标,在侧边蓝文件名前面的icon,,很赞
· filetype-color — amazing,,在标签栏不同格式文件显示不同的颜色的标题,支持二度设置
插件–协作篇
· git-plus — 与Sublime Text 的sublimegit功能基本一致
插件–键盘侠
· vim-mode — 用过vim的都知道好,基本实现了大部分的功能,不过造成许多快捷键冲突,慢慢排除吧
插件–加强
· minimap — 用过Sublime Text的友友们都知道有一个很实用的功能,就是内部编辑那里有一个小小的代码图,这货就是补全atom这个功能的,支持高亮代码,还可控哦!!具体看内部设置
实时页面(不用手动刷新页面)
分屏使用
支持各种语法选择(ctrl+shift+L)
自动补全功能(需先设置语法ctrl+shift+L)
提示功能
内置谷歌浏览器控制台
每次打开默认到上一次操作
插件不断更新,使用更加便捷
atom编辑器的使用相关推荐
- 在Ubuntu下编译安装atom编辑器
2019独角兽企业重金招聘Python工程师标准>>> 今天一大早就在开源中国首页看到了atom编辑器可以下载使用的消息,打开一看只提供Mac版的安装包.于是去Github上看了看, ...
- Atom 编辑器实时预览 HTML 页面
编辑器实时预览 HTML 页面 为何寻找 每次预览 HTML 页面,都需要打开各种浏览器:哪怕不是调试,只是为了查看下效果:切换来切换去,各种刷新,感觉有些浪费时间:以前用过 DW 的实时预览,感觉这 ...
- Atom编辑器有一个LF、CRLF的切换
Atom编辑器有一个LF.CRLF的切换 在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33,Linux/Unix下的tty概念也来自于此)的玩意,每秒钟可以打10个字符 ...
- Atom 编辑器系列视频课程
此课程为 Atom 编辑器系列课程,主要介绍了 Atom 的高效开发技巧以及必备插件. 课程列表 Atom编辑器系列课程 #1 - Atom简介 Atom编辑器系列课程 #2 - 设置简介 Atom编 ...
- Atom编辑器折腾记_(22)二次翻译快捷键【追加1.8新版本新增快捷键】
前言 今晚在调教我的Atom的时候,发现了目前最新版[1.8 beta3]的新增了一些快捷键, 想了想就翻译了下,希望可以帮到一些小伙伴吧.. 有些可能是插件带的,我就顺带翻译了,不确定的我带个星号表 ...
- Learning Atom 学习Atom编辑器 Lynda课程中文字幕
Learning Atom 中文字幕 学习Atom编辑器 中文字幕Learning Atom GitHub的Atom文本编辑器改变了Web开发环境,提供了一个开源,完全可编辑的编辑器,它强大,易于使用 ...
- 打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器
打造前端 Deepin Linux 工作环境--安装配置 atom 编辑器 好,我个人推荐大家使用 atom 编辑器,第一是免费,第二是好看,第三是好用. 安装 atom 编辑器 我们输入 apt-c ...
- 如何使用atom编辑php,安装和使用Atom编辑器
Atom编辑器是一个Github出品的现代的.可扩展的编辑器.和古老的Vim.Emacs相比,atom具有诸多优点.一是出现较晚,可以使用最新出现的各种技术;二来atom使用web技术构建而成,广大的 ...
- atom 怎么配置java,Atom编辑器的基础使用教程详细介绍,新手必看
Atom作为的一个受欢迎的现代代码编辑器,有着各种各样的编辑器中都有的特性,并且该编辑器的功能也非常丰富,能够支持各种编程语言的代码高亮,如HTML.C++.Java.JSON.Python.C.CS ...
- 2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键
Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...
最新文章
- mysql 查询结果转置_转置MySQL查询 – 需要将行放入列中
- java二维数组矩阵_java使用二维数组开发五子棋
- [leetcode] Bulb Switcher
- plsql存储过程修改后怎么保存_证件照上传不成功,教你修改分辨率、调整照片大小...
- Spring.NET学习笔记22——整合WCF(应用篇) Level 200
- BlackBerry 应用程序开发者指南 第一卷:基础--第8章 本地化应用程序
- AndroidStudio_使用gradle添加依赖jar包_依赖模块---Android原生开发工作笔记78
- 使用Xamarin在Visual Studio中开发Android应用
- 《极客时间:代码精进之路》学习笔记
- 备战数学建模10-主成分分析模型与因子分析模型
- MEGA这个网盘你可以拥有,超级良心
- 如何测试网页的登录页面(转载)
- 人人都用的WiFi被曝重大漏洞
- Three.js基础探寻七——Lamber材质与Phong材质
- 设计模式五:原型模式
- 拼多多校招算法题迷宫寻路
- jwt token使用autho0-jwt框架使用(二)
- java计算机毕业设计家庭理财管理系统源码+数据库+系统+lw文档+mybatis+运行部署
- 线程条件队列ConditionObject源码解读
- docker安装elasticesearch