首页 > 其他 > 详细

33.react入门

时间:2017-08-17 11:58:10      阅读:205      评论:0      收藏:0      [点我收藏+]

 就是一个简单的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入门

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!