美文网首页
React学习Demo1

React学习Demo1

作者: 美得冒泡的姗迪 | 来源:发表于2016-08-04 14:50 被阅读0次

1.下载初学者学习包

http://reactjs.cn/react/docs/getting-started.html

2.导入工程

用WebStorm导入工程,破解版连接

http://www.waitsun.com/jetbrains-webstorm-11-0-1.html  

3.新建自己的Demo

(1)新建文件夹MyStudy

        新建HelloReact.html

        新建HelloReact.js

(2)输入代码

HelloReact.html

HelloReact.js

(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) 执行结果

相关文章

网友评论

      本文标题:React学习Demo1

      本文链接:https://www.haomeiwen.com/subject/ffeqsttx.html