React学习Demo1
2016-08-04 本文已影响0人
美得冒泡的姗迪
1.下载初学者学习包
http://reactjs.cn/react/docs/getting-started.html
2.导入工程
用WebStorm导入工程,破解版连接
http://www.waitsun.com/jetbrains-webstorm-11-0-1.html
![](https://img.haomeiwen.com/i2647204/5888e485a00c597a.png)
3.新建自己的Demo
(1)新建文件夹MyStudy
新建HelloReact.html
新建HelloReact.js
(2)输入代码
HelloReact.html
![](https://img.haomeiwen.com/i2647204/75f94fae76930d87.png)
HelloReact.js
![](https://img.haomeiwen.com/i2647204/18d2db495786c839.png)
(3)执行分离工具
npm install -g react-tools #随便那个文件夹都行
cd /Users/catherine.liu/Documents/IOS/ReactDemo/react-15.3.0 #工程目录
#找准路径,将jsx格式的js文件转成标准的js,执行一次就行,以后修改会自动生成
jsx --watch MyStudy/ ../build/
#到此,你就可以在build文件夹下看到生成的js了,程序中也要正确引用
(4) 执行结果
![](https://img.haomeiwen.com/i2647204/f0db0e38fdd289db.png)