React-using atom to build a development environment

After studying react native take time to look at its basic react, using atom to build the Reactjs development environment Atom

GitHub official launch editor atom-beautify plugin

Atom-beautify used to format the code, in the Atom editor open the ' Settings ' panel, you can use the shortcut key command+, to open, open, enter the install, in the search box input atom-beautify, and then click Install on the line:

Atom-html-preview plug-in

Atom-html-preview is used to display HTML page effects in real time, and is installed the same way as above.

Configure shortcut keys

On the Settings page, click the KeyBindings menu, then click your keymap file to enter the settings shortcut interface:

Enter the following:

' Atom-text-editor ': '
  ctrl-f12 ': ' Atom-html-preview:toggle '
. Editor ':
  ' ctrl-alt-b ': ' Atom-beautify: Beautify-editor '

Atom-html-preview shortcut keys are ctrl+f12 atom-beautify shortcut keys for ctrl-alt-b download Reactjs

Reactjs after downloading and then importing into the project, the following files are important:

Helloworld React