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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容