Home >Development Tools >atom >atom usage tutorial

atom usage tutorial

墨辰丷
墨辰丷Original
2018-05-10 09:42:275254browse

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

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

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:NoneNext article:atom实现html实时预览详解