Development Editor Atom plugin recommendations and shortcut key finishing

Preface

In the front-end learning development editor Atom Usage configuration mainly introduces the basic concept of atom and some plug-in configuration of the front end, as well as some basic techniques. This article describes some of the atom's tips for using atom in the development process.

This article will be updated constantly, so the content and the previous will be a bit repetitive, if you do not understand, please check the previous article. This article is all about what you've tried, and it's constantly updated as you continue to use atom.

front-end plugins

//前端常用apm install atom-beautify//格式化//代码地图apm install autoclose-html//HTML标签自动闭包//lint检查apm install linter-jshint//js检查apm install file-icons//文件视图图标apm install run-in-browser//使用浏览器预览

Plugin Recommendations

apm install markdown-scroll-sync// markdown preview同步滚动

use tips, shortcut keys

• Split screen operation
  Using the cmd + shift + p Open command panel, search pane split , you will see pop-up pane:split up and so on, you can click to open the new Pane, to do.

• Toogle Tree View
  cmd + \When you split the screen, close the tree view to get a better coding experience.

• Open Markdown Preview
  control + shift + m, the preview will be split to the right by default when you open it.
  Installed atom-beautify plug-in words, in the plug-in Settings disable markdown格式化 , otherwise the markdown format will be disrupted

shortcut key Settings

‘atom-text-editor‘:    #格式化    ‘alt-cmd-l‘‘atom-beautify:beautify-editor‘    #用浏览器打开    ‘alt-cmd-o‘‘rib:run-in-browser‘

Development Editor Atom plugin recommendations and shortcut key finishing