atom usage tutorial

This article mainly introduces the shortcut keys, commands and plug-ins of atom. It has a good reference value and I hope it will be helpful to everyone. Friends in need can refer to it.

Shortcut keys

##cmd-\ Show or hide Sidebar

ctrl-0 Focus the sidebar. After focusing, you can operate files in the tree directory

ctrl-P Move up (Previous)

ctrl-N Move down (Next)

ctrl-B Move backward (Back)

ctrl-F Move forward (Forward)

ctrl-E Move to the end of the line (End)

ctrl -A Move to the beginning of this line (Ahead)

ctrl-A (Tap twice) Move to the beginning of this line (including spaces)

cmd-up Move to the top of the file

cmd-down Move to the lowest position of the file

cmd-L Select the entire line

cmd-shift-D Duplicate the current line(Duplicate)

ctrl-shift- K Delete the current (Cut)

cmd-shift-F Search the entire project

cmd-G Find the next matching search result

cmd-G-shift Find the previous Matching search results

cmd-k arrow Split the window according to the specified direction

cmd-K, cmd-arrow Focus the window in the specified direction

Ctrl-O Open the file

Ctrl-Shift-O Open the folder

Ctrl-Alt-O Load the project directory

Ctrl-G Jump to a certain line

Ctrl-Shift- L Syntax selection

F11 Full screen

Ctrl-Alt-I Open the Chrome debugger

Ctrl-R Enter the variable and function jump panel

Install plug-in command

#Almost all functions in Atom exist in the form of plug-ins. How to install the plug-in is the first thing we have to do. In addition to the graphical interface installation method, Atom also installs a plug-in manager called apm. It is very convenient to install plug-ins with apm.

Or open atom-》command, open preferences-》install-》Search for plug-ins here

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      卸载插件

Recommended plug-ins

Emmet — An artifact. Some shortcut keys will conflict with the Markdown preview shortcut keys. Just change them.

autoprefixer — Used to supplement css prefixes and will automatically generate prefixes for multiple browsers

color-picker — Color picker, no lag, starts super fast

linter — By default, it can identify errors in multiple languages, but it is not detailed. It is the main plug-in and you can install more detailed checking plug-ins ( There are too many to list one by one. The following are the ones that may be used by the front end)

linter-jshint, for JavaScript and JSON, using jshint

linter-coffeelint, for CoffeeScript, using coffeelint

linter-tslint, for Typescript, using tslint

autocomplete-plus — Perfect built-in autocomplete, with secondary settings, some of the following ones have secondary settings

autocomplete-html — more detailed

file-icons — adds many icons, the icon in front of the file name in the sidebar.

filetype-color — Display titles of different colors in different formats in the tab bar, supporting secondary settings

minimap — Anyone who has used Sublime Text should know this

docblockr — — This plug-in can help you quickly generate comments. Many advanced editors have this function

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 中设置如下来自定义自己的快捷键

'atom-text-editor':
'ctrl-shift-h': 'atom-html-preview:toggle'

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

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

The above is the detailed content of atom usage tutorial. For more information, please follow other related articles on the PHP Chinese website!