Atom 基础

🌙
手机阅读
本文目录结构

启动界面

菜单栏 - 分为六大块:

  • File — 文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,代码片段,快捷键配置文件)等
  • Edit — 文件编辑的操作,文件编码格式,及行跳转等
  • View — 重载页面,全屏,字体大小的缩放等
  • Find — 都是关于查询的 , 跟 Sublime text 极其相似,快捷键基本一样
  • Package — 包,就是插件列表的集合点
  • Help — 帮助文档,软件更新,协议等

设置中心 File=>Settings

左边侧栏,自上而下分为六大部分:

  • Settings — 全局设置,可以设置文件的编码,菜单栏是否显示,忽略文件,文档缩进,字体大小,项目主目录等,这个比 sublime text 人性化,简洁明了的配置

  • Keybindings — 快捷键配置,默认快捷键都汇总于此了,很方便查询对应的快捷键的功能,也方便修改…人性化

  • Packages — 插件管理中心,可以设置插件,删除插件及禁用,无安装功能

  • Themes —主题管理中心,可以设置主题(支持鼠标选定,也支持写入配置文件生效), 管理主题(删除及在线下载主题)

  • Updates — 目前功能只有一个,查询社区包的状态,随时随地的更新已安装的插件,Atom 软件的更新在 HELP 里面

  • Install — 目前分为两栏,自上而下,第一部分是搜索(可以搜索社区的插件), 下面一部分会展示目前比较流行的插件(可以直接点击下载使用)

  • Open Config Folder — 这一块算不上鼠标操作控制,完全是软件的配置文件集合目录

值得注意的是,配置文件的后缀是 cson, 而不是 JSON, 但是书写规范又很相似,, 醉了…估计是社区搞出来的

常用快捷键–亲测及翻译

英文中文快捷键功能
New Window新建界面窗口Ctrl + Shift + N如中文意思
New File新建文件Ctrl + N如中文意思
Open File打开文件Ctrl + O如中文意思
Open Folder打开文件夹Ctrl + Shift + O如中文意思
Add Project Folder加载项目目录Ctrl + Alt + O如中文意思
Reopen Last Item重新加载上次项目Ctrl + Shift + T如中文意思
Save保存文件Ctrl + S如中文意思
Save As另存为Ctrl + Shift +S如中文意思
Close Tab关闭当前编辑文档Ctrl + W如中文意思
Close Window关闭编辑器Ctrl + Shift + W如中文意思
Undo撤销Ctrl + Z如中文意思
Redo重做Ctrl + Y如中文意思
Cut剪切Shift + Delete如中文意思
Copy复制Ctrl + Insert如中文意思
Copy Path复制文档路径Ctrl + Shift + C如中文意思
Paste粘贴Shift + Insert如中文意思
Select All全选Ctrl + A如中文意思
Select Encoding选择编码Ctrl + Shift +U就是设置文件的编码
Go to Line跳转到某行Ctrl + G支持行列搜索,Row:Column
Slect Grammar语法选择Ctrl + Shift + L和Sublime的Syntax设置功能一样
Reload重载Ctrl+ Alt +R重新载入当前编辑的文档
Toggle Full ScreenF11全屏如中文意思
Increase Font Size增大字体Ctrl + Shift + “+”Sublime的Ctrl + 也能生效
Decrease Font Size减小字体Ctrl + Shift + “-“Sublime的Ctrl - 也能生效
Toggle Tree View展示隐藏目录树Ctrl + |Sublime的Ctrl+K,+B这里也可以生效
Toggle Commadn palette全局搜索面板Ctrl + Shift + P和Sublime的大同小异
Select Line选定一行Ctrl + L如中文意思
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就是光标处作为分割线,取文档下部分
Find in Buffer从缓存器搜索Ctrl + F与Sublime一致
Replace in Buffer高级替换Ctrl + Shift + F与Sublime一致
Select Next匹配选定下一个Ctrl + D和Sublime一模一样有木有
Select All匹配选定所有Alt + F3和Sublime一模一样有木有
Find File查询文件,选定打开Ctrl + P与Sublime不一样
Delte End of Word删除光标处至词尾Ctrl + Del如中文意思
Duplicate LineCtrl + Shift + D如中文意思
Delete Line删除一行Ctrl + Shift + K如中文意思
Toggle Comment启用注释Ctrl + /与Sublime一致
Toggle developer tools打开Chrome调试器Ctrl + Shift + I神奇啊
Indent增加缩进Ctrl + [向右缩进
Outdent减少缩进Ctrl + ]向左缩进
Move Line Up行向上移动Ctrl + up如字面意思
Move Line Down行向下移动Ctrl + Down如字面意思
Join Lines行链接Ctrl + J追加
newline-below光标之下增加一行Ctrl + Enter与sublime 一致
editor:newline-above光标之上增加一行Ctrl + Shift + Enter与sublime 一致
pane:show-next-item切换编辑的标签页Ctrl + Tab如中文意思
Fuzzy Finder文件跳转面板Ctrl + T如字面意思
Select Line Move above选中行上移Ctrl + up如中文意思
Select Line Move below选中行下移Ctrl + down如中文意思
Symbol-view进入变量、函数跳转面板。Ctrl + R如中文意思

比较新奇的功能,, 眼前一亮啊!! 似曾相识有木有,CHROME 的 Web 调试器!

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

书籍推荐