Rumah  >  Artikel  >  alat pembangunan  >  atom使用教程

atom使用教程

墨辰丷
墨辰丷asal
2018-05-10 09:42:275188semak imbas

这篇文章主要介绍了atom的快捷键、命令以及插件,具有很好的参考价值,希望对大家有所帮助。需要的朋友可以参考下。

快捷键

cmd-\ 显示或隐藏边栏

ctrl-0 聚焦边栏,聚焦后可以操作树目录中的文件

ctrl-P 上移(Previous)

ctrl-N 下移(Next)

ctrl-B 后移(Back)

ctrl-F 前移(Forward)

ctrl-E 移动至行末(End)

ctrl-A 移动至此行首字符(Ahead)

ctrl-A(敲击两次) 移动至此行行首(包括空格)

cmd-up 移动至文件最顶

cmd-down 移动至文件最低

cmd-L 选取整行

cmd-shift-D 复制当前行(Duplicate)

ctrl-shift-K 删除当前(Cut)

cmd-shift-F 搜索整个项目

cmd-G 找到下一个匹配的搜索结果

cmd-G-shift 找到上一个匹配的搜索结果

cmd-k arrow 根据方向指定分割窗口

cmd-K, cmd-arrow 聚焦指定方向的窗口

Ctrl-O 打开文件

Ctrl-Shift-O 打开文件夹

Ctrl-Alt-O 加载项目目录

Ctrl-G 跳转到某行

Ctrl-Shift-L 语法选择

F11 全屏

Ctrl-Alt-I 打开Chrome调试器

Ctrl-R 进入变量、函数跳转面板

安装插件命令

Atom 中几乎所有的功能都是以插件的形式存在的。所有如何安装插件则就是我们第一件要做的事。 除了图形界面安装的方法外,随 Atom 还安装了插件管理器叫做 apm ,用 apm 安装插件非常方便。 
或者打开atom-》command+, 打开偏好设置-》install-》在这里搜插件

atom /hopes /dreams   打开目录
atom file    打开文件
atom -h  获得帮助
apm install <package_name>  安装插件
apm install <package_name>@<package_version>  安装指定版本的插件

apm search <package_name>  查询插件
apm view <package_name>  查询插件详情
apm uninstall xxx      卸载插件

推荐插件

Emmet — 神器,有个别快捷键会和 Markdown preview 快捷键冲突,改下就好了

autoprefixer — 用来补充 css 前缀的,会自动生成多个浏览器的前缀

color-picker — 取色器,不卡,启动超快

linter — 默认可以识别多门语言的错误,但是不细致,属于主插件,可以针对性的安装更细致的检查插件(太多,不一一列出,下面是前端可能用到的)

linter-jshint, for JavaScript and JSON, using jshint

linter-coffeelint, for CoffeeScript, using coffeelint

linter-tslint, for Typescript, using tslint

autocomplete-plus — 完善自带 autocomplete,有二度设置,接下来列出的一些有二度设置

autocomplete-html — 更加细致

file-icons — 增加许多图标,在侧边栏文件名前面的 icon。

filetype-color — 在标签栏不同格式文件显示不同的颜色的标题,支持二度设置

minimap — 用过 Sublime Text 应该都知道

docblockr —— 这个插件可以帮助你快速的生成注释,很多高级的编辑器都有这个功能

autocomplete-paths 
autoclose-html —— 自动闭合html标签,很实用的功能,可以节省很多的时间。 
highlight-line —— 高亮当前行,快速找到光标在什么地方 
highlight-selected —— 高亮当前所选文字,双击后全文这个词或者变量都会高亮哦 
autocomplete-plus —— 完善自带autocomplete,可以安装更细化的插件:autocomplete-php、autocomplete-python、autocomplete-paths、autocomplete-html、autocomplete-bibtex、autocomplete-css等等。

安装 Atom-HTML-Preview

apm install atom-html-preview

默认的打开快捷键 ctrl+P不过貌似冲突了 
可以自定义快捷键:Atom->Keymap 中设置如下来自定义自己的快捷键

&#39;atom-text-editor&#39;:
&#39;ctrl-shift-h&#39;: &#39;atom-html-preview:toggle&#39;

这个在预览遇到中文时可能会乱码,可以在中加入ff94e7be1619a095952b0217c283b66c 就可以了

apm install activate-power-mode

关闭震动: 
震动看久了眼睛貌似已经都花了,还好可以关掉震动效果,在这个插件的设置中设置 
Screen Shake 
Disable 
效果可以参看:https://atom.io/packages/activate-power-mode

非常高兴这种插件已经支持很多编辑器,可以参看 https://github.com/codeinthedark/awesome-power-mode

atom-beatify 可以格式化很多语言的显示,快捷键 control+alt+b

相关推荐:

编辑神器--atom的详细介绍

Atom - 安装和配置实例教程

atom 如何設定ftp自動上傳

Atas ialah kandungan terperinci atom使用教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:tiadaArtikel seterusnya:atom实现html实时预览详解