"React native development" React native development IDE Installation and configuration

Source: Internet
Author: User

Reprint please indicate the source:

http://blog.csdn.net/developer_jiangqq/article/details/50476350

This article is from: "Jiang Qing's blog"


(a)Preface       

         on the previous talk we haveOS Xsystem above forReact Native forAndroidEnvironment and the first examples are explained in detail. The so-called 工欲善其事, its prerequisite, do reactNativedevelopment as well as other application development, it is better to have a better IDE tool. So here are some of the more recommended tools:Sublime, Webstormand recommended by the official websitenuclide. Below we mainly explain the following two tools.

         the newly createdReact NativeTechnology Exchange Group(282693535),welcome you, Daniel .,ReactNativeTechnology enthusiasts join the Exchange!at the same time blog left welcome scan attention to the subscription number,Mobile Technology Dry,exciting article Technology push!

(two)NuClideGeneral Installation and configuration       

nuclideis aFacKbookspecifically forReactDevelopmentIDE, the official website provides OH~. Butnuclideis the base of atom which provides a series of plug-in collections. So we need to install firstAtom.

nuclide Project official address :https://github.com/facebook/nuclide

2.1.Atom installation

Atom is an open source version of the editor, with a very powerful and perfect experience, Atom's biggest feature is the ability to install a lot of plug-ins to complete our needs. Official address :https://atom.io/ to the official website to download and install.  

The official web page and the software run as follows :



2.2.nuclide installation

            AtomThe installation is successful and the installation is started belownuclide, open Atom software directly, click Atom->preferencesOpen Setting,and then tapInstall, enter Nuclide-installer Search, download it, as :


In this way we choose to install the plugin download, another way we can execute the following command directly at the command line ( with Atom 's Package Manager APM installation ):

Apminstall Nuclide-installer

Finally, restart Atom. However, these two ways I do not recommend you to use, because the landlord personally experienced, the two ways on the one hand is the installation speed is relatively slow, and download after the installation of Atom Direct card, and then prompted to find nuclide related modules.            

(three)NuClidesource code Compilation installation(Highly Recommended)

nuclide Project official address :https://github.com/facebook/nuclide, We know that the project is officially provided by face book, and of course we provide developers with a way to compile and install the source code. Very simple to use :


the terminal installation is as follows :


this will OK , the following is the Atom software to start the crazy writing React Native Project Code Bar. As for the initialization of the project init and the method of compiling the operation, we still look at the previous article Oh ~ This side will not say much.

(Four) WebstormIDEIntroduction and Installation

         I believe I did .Webfront-end children's shoes, certainly to WebstormIDEvery familiar.Webstormis aJetBrainsa company under theJavaScriptDevelopment tools. By the vast number of ChineseJSthe developer hailed as "WebFront-end development artifact "," the most powerfulHTML5Editor "," the most intelligentJavaScript IDE "and so on. With theIntelliJ Ideahomologous, inherit theIntelliJ IdeaPowerful,JSpart of the function. the IDE's official address:https://www.jetbrains.com/webstorm/  . The new version already supports theReact, so in today's development phaseWebstromhas been considered the most supportive of the IDE, you are interested in the download use the following Oh~, but should be charged, local tyrants ignore, as to crack version see everyone's.

The new version update information is as follows :


[ note ]:webst ORM for JSX It's best to configure it. Oh, open settings. , The following configuration can be :


finally , we open an existing React Native project through Webstorm.


(Five)Final Summary

         today, we mainly explain the developmentReact Nativethe relatedIDE(Webstorm, nuclide)installation and basic configuration use, the next one for our application debugging(Debug)method to do the relevant explanation, please look forward to~

Respect the original, reproduced please specify: from Sky, Qing (http://blog.csdn.net/developer_jiangqq) infringement must investigate!

Follow my subscription number (codedev123), Share mobile development Technology (ANDROID/IOS), project management, and blog posts every day! (Welcome attention, the first time to push the wonderful article)

Follow my Weibo to get more content

"React native development" React native development IDE Installation and configuration

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.