. 直接引入的方式;

<</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...

本文固定链接: http://www.js-code.com/react/react_43748.html