脚本宝典收集整理的这篇文章主要介绍了

React环境搭建

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

. 直接引入的方式;

<</span>scriptsrc="https://cdn.bootcss.com/react/15.4.2/react.min.js"></</span>script><</span>scriptsrc="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></</span>script><</span>scriptsrc="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></</span>script>

以上引入的三个文件;

  1. react的核心库;

2.react的dom操作库;

3.jsx语法的转换工具,也可以转换es6语法为es5的语法;

React环境搭建-脚本宝典
react正常的模板

​(以上为cdn的引入方式,注意模板中的最后一个script标签的type值为text/babel,这里边书写的是jsx语法);​

二. ​使用 create-react-app 快速构建 React 开发环境;

  1. 先全局安装create-react-app工具,执行命令:

cnpm install -g create-react-app

2.创建一个react项目;执行命令:

create-react-app myReact

myReact为自己的项目名;

3.进入项目根目录,执行命令:

cd myReact

4.启动项目; 执行命令:

cnpm start

最后在浏览器中输入 localhost:3000 出现以下界面

React环境搭建-脚本宝典
react 启动界面

*​注意,create-react-app命令如果很慢的话,可能你依然用的npm这个工具,解决办法如下;

npm config set registry https://registry.npm.taobao.org​ (设置默认使用cnpm)

npm config get registry​ (验证是否使用cnpm);

原文地址:http://blog.sina.com.cn/s/blo...

总结

以上是脚本宝典为你收集整理的

React环境搭建

全部内容,希望文章能够帮你解决

React环境搭建

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过