首頁 > 開發工具 > atom > atom使用教程

atom使用教程

墨辰丷
發布: 2018-05-10 09:42:27
原創
5245 人瀏覽過

這篇文章主要介紹了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;
登入後複製

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

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自動上傳

以上是atom使用教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板