环境准备
(1)直接使用官方提供的浏览器编辑方法,在浏览器中编辑代码,可以直接编码试一试。浏览器编码地址
(2)搭建本地开发环境。
a、这个需要安装node环境(如果没有安装node环境可直接去node官网下载),下载完后直接点击安装,直接下一步,下一步就好。
b、 安装完后,到cmd 控制台直接输入:node -v 如出现下面结果就表示安装成功,只是每个人的版本号不同而已,我的是14.15.1,列位的可能为其他版本号。
c、到自己想要开发项目的目录下打开cmd控制台,即直接到该文件夹路径那里直接输入cmd再按下回车键就好。
我的项目是在studySpace下,得到结果如下:
d、在cmd控制台直接输入下面命令就好,命令如下:每个命令输入一行按一次enter键。
npx create-react-app my-app
cd my-app
npm start
解释下每个命令的意思:
npx create-react-app my-app
这个命令是指下载一个临时的最新的create-react-app脚手架,然后利用脚手架去创造一个名字叫my-app的react项目。这个命令也可以拆分为下面两个命令的组合,第一个是全局安装create-react-app脚手架,第二个是通过脚手架创造一个项目。
npm install --global create-react-app
create-react-app my-app
进入这一步后,说明已经创造好了一个叫my-app的react的项目,现在要进入该项目:
cd my-app
进入之后直接启动:
npm start
自此,项目环境搭建好启动完毕。可以到浏览器中看到启动成功的react项目。
如果你是通过git拉取的项目my-app项目,就要先下载依赖,即运行下面命令:
npm install
再启动
npm start