React
简介
![](https://images2015.cnblogs.com/blog/824039/201703/824039-20170325175043393-1896726836.png)
环境搭建
安装命令行工具 create-react-app
方法1:
yarn add create-react-app
用
![](https://images2015.cnblogs.com/blog/824039/201703/824039-20170325175043924-11905789.png)
方法2:npm那个似乎因为旧版本的被别的项目引用,无法卸载
npm install -g create-react-app
![](https://images2015.cnblogs.com/blog/824039/201703/824039-20170325175044346-1949807666.png)
验证工具是否安装成功
create-react-app
![](https://images2015.cnblogs.com/blog/824039/201703/824039-20170325175044705-120419962.png)
安装依赖包
yarn
或者 yarn install
成功的话会提示命令
![](https://images2015.cnblogs.com/blog/824039/201703/824039-20170325175044986-886166300.png)
运行本地服务
npm start
会自动监听文件变化,不需要手动"编译"或刷新浏览器,可能会延迟3秒钟
用谷歌浏览器访问 http://127.0.0.1:3000/,别用edge,因为edge可能会有跨域请求的报错
问题
注意
控制台提示访问路径是
http://C:\Windows\System32\drivers\etc:3000/
这个是错的,应该是
http://127.0.0.1:3000/
工具
在线编辑器,IDE--> codepen
https://codepen.io/ericnakagawa/pen/vXpjwZ?editors=0010
posted on 2017-03-25 17:06 xiaoCong2015 阅读(186) 评论(0) 编辑 收藏 举报