React (一) 创建React项目

使用脚手架

1，安装node.js：进入官网https://nodejs.org/en/下载安装

2，全局安装脚手架 $ cnpm install -g create-react-app

3，使用脚手架创建工程 $ create-react-app my-app

4， 启动工程 $ cd my-app/ $ npm start

 

使用CDN

 在浏览器中使用 Babel 来编译 JSX 效率是比较低的。如果在html中直接使用react需要导入react、react-dom、babel

<!-- 导入react -->

<script src="https://cdn.bootcss.com/react/16.6.0/umd/react.development.js"></script>

<!-- 导入react-dom -->

<script src="https://cdn.bootcss.com/react-dom/16.6.0/umd/react-dom.development.js"></script>

<!-- 导入babel -->

<script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.min.js"></script>