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正常的模板

?（以上为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 启动界面
?

*?注意，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...

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!