Adding React to an Existing Application

https://facebook.github.io/react/docs/installation.html

一、概念

开始使用React,你不要重写你的应用,我们推荐在你的应用中增加一小部分。比如一个小窗口,因此用一个小例子看看是否用得怎样。

不用建立一个管道,React 能被使用,我们推荐安装管道,这样效果更好。

一个建立管道的经典模式是由以下三部分构成:1

      1、一个包管理,如Yarn 或npm. 它能让你在工程中可以大量使用第三方的所有包, 且很容易安装和更新他们.

      2、一捆, 如 webpack or Browserify.它能让你写模块化代码,并且绑在一起形成一个包,去优化装载时间。 

      3、如Babel Java script 编译器.它能让你最新的JavaScript 代码 可以在老版本的浏览器下可用。

二、安装React

      npm is the package manager for javascript,便于开发这共享和重用代码,发现里面现成的代码实在太多了,非常棒。

    1、去 https://www.npmjs.com/ 注册一个帐号,注册之后,上面还有许多工作岗位....

    2 、下载 download Node.js:https://nodejs.org/en/download/

        npm 命令行工具和Node.js 绑在一起,如果你已经下载了 Node.js,你已经有了npm,反,则下载 Node.js。

        直接安装nodes

 3、输入 node -v 看装好没有,

三、To install React with npm

  1、npm init

     1> run: npm init

         

 2>、按提示,一步步来完成项目文件的配置,没有的可以不写,直接回车,这样初始化时会创建默认的文件,最后创建完的目录如下所示

    

   

3>、完后输入yes或Y来对配置文件进行设置,这样在工程目录下就会生成这样一个package.json文件,如下图中所示

    

2、npm install --save react react-dom

       

 




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值