React学习——环境搭建以及脚手架安装

1. 环境搭建
需要安装配置node.js运行环境
已安装过即可跳过此步,没有安装的去官网下载https://nodejs.org/en/download/
下载之后直接安装即可。

2. 检测版本
查看node和npm版本
win键+R ——>打开资源管理器——>输入cmd——>在命令窗口输入node -v和npm -v
React学习——环境搭建以及脚手架安装
React学习——环境搭建以及脚手架安装

3. 全局安装React脚手架
所需环境准备好后,开始安装脚手架。
在命令窗口输入npm install -g create-react-app

可能要花上几分钟,因为要下很多插件和依赖,可以安装淘宝的cnpm镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后用cnpm代替npm即可。
React学习——环境搭建以及脚手架安装
(注:因为我已经安装过了,所以截图是这样!)

4. 创建和运行项目
进入到要创建项目的文件目录中,在地址栏输入cmd打开命令窗口;
React学习——环境搭建以及脚手架安装
然后在命令行输入create-react-app my-react-app(my-react-app是项目名称,根据项目需求随便起)
React学习——环境搭建以及脚手架安装
React学习——环境搭建以及脚手架安装
创建成功之后,可以按他的提示,进入到项目文件下:在命令窗口输入 cd my-react-app
然后再输入 npm start,即可启动项目
React学习——环境搭建以及脚手架安装
React学习——环境搭建以及脚手架安装
在浏览器中会自动打开这个页面,看到这个页面就代表已经启动成功了,接下来就可以写你自己的项目代码了!!!