1、首先,要安装 Node.js 及 NPM 。
可以去官网下载最新的版本:
https://nodejs.org/
下载好之后一直点击下一步,安装完成!!!
查看安装情况:
按下win+r键打开运行,输入cmd回车,进入cmd命令窗口
检测版本 输入:node -v
安装node时会自带一个npm的包管理工具。
检测npm版本 输入:npm -v
如若以上两个命令输入都返回版本号,则安装成功!
设置NPM
国内npm有点慢,可以设置成淘宝的镜像来代替原有的。
cmd命令提示符中键入:
npm config set registry https://registry.npm.taobao.org
2、使用 create-react-app 快速构建 React 开发环境
安装create-react-app
我们可以通过安装create-react-app来创建React项目。
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
安装命令:
npm install -g create-react-app
react安装成功之后,就可以创建React项目啦!
创建React项目
进入你想创建项目的路径(我是在C:\Users\Administrator\Desktop\前端笔记\练习\NodeJs\Root>下创建项目),然后键入命令:
create-react-app demo
这里的create-react-app是创建命令,demo是你要创建的项目的名称,可以随便起。
这样就算是创建成功啦!
然后,仔细看,倒数第二、三行的提示!!!
进入刚刚创建的demo目录中:cd demo
(一定要进入demo项目 目录中才可以启动项目哟!!!)
启动项目:
npm start
稍等片刻,则会自动打开一个网页!!!