React 环境搭建

Step1.安装Node.js和npm

安装Node.js和npm

进入Node.js中文网下载一个合适的版本进行安装
过程略

Step2.打开cmd控制台或者Terminal查看是否安装成功

Windows
Mac

输入node -vnpm -version 查看是否安装成功

Step3.更换npm镜像

更改npm镜像

由于某些原因,国内使用npm比较慢,所以推荐使用淘宝的npm服务

在命令行中输入以下内容

npm config set registry https://registry.npm.taobao.org

配置后可输入以下内容检验是否设置成功

npm config get registry

Step4.安装create-react-app脚手架和yarn

安装create-react-app脚手架和yarn
npm install -g create-react-app yarn

Step5.用create-react-app新建一个React项目

新建项目
安装依赖文件
create-react-app demo

Step6.进入项目并启动

cd demo
yarn start

之后会自动弹出http://localhost:3000/

React App

进入项目的src目录,打开index.js文件,enjoy React !

总结:
安装Node.js和npm
依次输入如下命令

npm config set registry https://registry.npm.taobao.org
npm install -g create-react-app yarn
(切换目录)
create-react-app demo
cd demo
yarn start

你可能感兴趣的:(React 环境搭建)