Atom编辑器
Ctrl+单击(进行跳转)
详细用法:http://www.07net01.com/2015/05/838601.html
下载安装:https://atom.io/
何为ATOM
Atom是专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
为什么用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)
提示功能
内置谷歌浏览器控制台
每次打开默认到上一次操作
插件不断更新,使用更加便捷