React的安装创建项目【详细步骤】

    技术2025-06-24  13

    1.首先一定要安装node环境和npm 不安装是无法使用

    可以去node官网下载https://nodejs.org/

    64位可以直接点这个下载https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi

    2.在下载过后打开运行命令窗口(ctrl+r)

    在这上打入 node -v (这个是查看呢安装的版本号) 有这个就是安装node成功和上面呢一步差不多执行 npm -v 返回版本号即可

    3.设置NPM

    国内npm有点慢,可以设置成淘宝的镜像来代替原有的。

    cmd命令提示符中键入:

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

    4.执行安装

    create-react-app

    我们可以通过安装create-react-app来创建React项目。

    安装命令:

    npm install -g create-react-app

    (没有这个是创建不了项目的)

    安装成功之后,这样就可以创建React项目啦

    5.创建项目

    执行命令(路径在你要创建项目的目录下)

    create-react-app react-01( react-01是项目名,项目名称可以随便起,不能用大写字母) 当你创建到出现这个时候就已经成功了

    6.之后要cd 进入你创建的项目名中 如(cd react-01)

    切记一定要cd 进入!!!

    7. 执行命令启动项目

    npm start

    在执行命令完成后 过一小会儿 会浏览器会打开你创建的项目 出现下面这个图的样子 则完成!!!!

    Processed: 0.018, SQL: 9