一、React介绍:
React 起源于 Facebook 的内部项目,可以开发单页面应用,组件化模块化开发。React通过对DOM的模拟,最大限度地减少与DOM的交互。
二、搭建React开发环境之前的准备工作:
1、必须安装nodejs稳定版本。nodejs官网:https://nodejs.org/en/
2、安装cnpm,用cnpm替代npm。淘宝npm镜像:http://npm.taobao.org/
安装命令:【npm install -g cnpm --registry=https://registry.npm.taobao.org】
3、或者用yarn替代npm。
下载方法1:yarn官方文档下载:https://yarnpkg.com/zh-Hans/docs/install#windows-stable
下载方法2:用命令【npm install -g yarn】或者【cnpm install -g yarn】
三、搭建React开发环境:
1、第一种方法(老方法--现在推荐)
step1:安装脚手架工具,只需安装一次:
【cnpm install -g create-react-app】
step2:进入指定的文件目录后,创建项目:
【cd E:\ReactWorksapce】
【create-react-app reactdemo01】
step3:进入到项目根文件中,运行项目:
【cd reactdemo01】
【npm start】
step4:在浏览器中打开 http://localhost:3000/ ,结果如下图所示:
2、第二种方法(新方法--未来推荐)
step1:进入指定的文件目录后,安装脚手架工具并创建项目:
【cd E:\ReactWorksapce】
【npx create-react-app reactdemo02】
step2:进入到项目根文件中,运行项目:
【cd reactdemo02】
【npm start】
step3:在浏览器中打开 http://localhost:3000/ ,结果与上图一样。