• 1, Chinese simplified – – menu
  • 2, the tree – the view – finder
  • 3, the minimap
  • Linter and linter-jshint
  • 5, linter – js – standard
  • 6, git – plus
  • 7, file-types and file-types-icon
  • 8 emmet.
  • 9, autoclose – HTML
  • 10, the atom – ternjs
  • 11, the atom – HTML – preview
  • 12, the atom – bootstrap3
  • 13 and Remote FTP
  • 14, the autocomplete – paths
  • 15, the atom – beautify
  • 16, jquery – snippets
  • 17, autoprefixer
  • 18, color picker
  • 19, activate – power – mode

< h6 id = “1” > 1, simplified – Chinese – menu < h6 >

Atom simplified Chinese language pack, complete Chinese, compatible with all published versions of Atom.

< h6 id = “2” > 2, tree – the view – finder < h6 >

The left menu bar displays like Finder on Mac OS.

 

01.tree-view-finder

 

< h6 id = “3” > 3, minimap < h6 >

Similar to the code thumbnail to the right of sublim Text.

<h6 id=”4″>

Jshintrc is a configuration file that tells jshint what rules to use to check code. Jshint allows you to find problems in your code and avoid bugs in time. The linter-jshint plugin uses jshint based on atom rules. The plugin can create a new.jshintrc in the project root directory to tell the check rules, or it can do code checks without creating this file. Note: Linter-jshint is dependent on the linter plugin to use, that is, the linter plugin must be installed first; Because linter is a crude check, there are many code checks for specific items, such as Linter-cssLint, linter-php, and so on

02. Linter and linter – jshint

< h6 id = “5” > 5, linter – js – standard < h6 >

Used to format javascript code.

< h6 id = “6” > 6, git – plus < h6 >

Git version control command provides git version control operation command, personally feel not very easy to use, but more used to terminal.

<h6 id=”7″>7, file-types and file-types-icon</h6>

File-types is used to distinguish file types, and file-types-icon is used to add different ICONS for different problem types.

 

03. File – types and file – types – icon

 

< h6 id = “8” > 8, emmet < h6 >

This plugin is designed to support Zend-coding. Emmet’s predecessor is the well-known Zen Coding, which will be familiar if you are involved in Web front-end development. It uses CSS selector syntax to generate code, greatly improving the speed of HTML/CSS code writing

< h6 id = “9” > 9, autoclose – HTML < h6 >

Automatic COMPARISON of HTML tags.

< h6 id = “10” > 10, atom – ternjs < h6 >

The plug-in can provide attributes and methods of an object in the form of suggest, can provide an object interface to the external selection process, can be understood as js code automatic prompt.

< h6 id = “11” > 11, atom – HTML – preview < h6 >

HTML page preview.

< h6 id = “12” > 12, atom – bootstrap3 < h6 >

Bootstrap3 code prompts plug-in.

< h6 id = “13” > 13, Remote FTP < h6 >

FTP management tools, commands and graphical interfaces are supported.

 

13.Remote-FTP

 

 

PS: Refer to the official instructions or message for details.

 

< h6 id = “14” > 14, the autocomplete – paths < h6 >

The file path is automatically displayed.

 

14, the autocomplete – paths

 

< h6 > 15, atom to beautify < h6 >

Code formatting.

 

15, the atom – beautify

 

< h6 > 16, jquery – snippets < h6 >

The jquery code prompts you to restart Atom after installation.

< h6 > 17, autoprefixer < h6 >

Browser compatible.

 

17, autoprefixer

 

< h6 > 18, color picker < h6 >

The color.

 

18, color picker

 

< h6 > 19, activate – power – mode < h6 >

The code is dancing

 

19, activate – power – mode