React-using atom to build a development environment

Source: Internet
Author: User
Tags html page

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.