码迷,mamicode.com
首页 > 其他好文 > 详细

33.react入门

时间:2017-08-17 13:02:26      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:cli   最新   一个   blank   指定   img   5.6   react   --   

 就是一个简单的web项目

技术分享

react.js 文件下载地址https://github.com/facebook/react/releases

我下载的是最新的15.6

另外还需要安装jsx语法的tranformer,sx文件转换为js文件

具体步骤如下

1. 安装node.js (为了使用npm包管理器);
2. 命令行cd进入项目目录;
3.安装 jsx语法tranformer
    npm install --global babel-cli
    npm install babel-preset-react
4.在项目目录下执行 transformer
    babel --presets react jsx --watch --out-dir funcjs
    最好做成windows批处理文件。
    该命令是持续性的批处理,jsx目录中任何js文件的修改,就会立即transform到指定的funcjs目录中

技术分享

build.bat(转译命令,双击运行)

技术分享

index.jsx

技术分享

效果

技术分享

 

33.react入门

标签:cli   最新   一个   blank   指定   img   5.6   react   --   

原文地址:http://www.cnblogs.com/famLiu/p/7380531.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!