react安装环境步骤

react安装环境步骤

1.下载node.js

官网下载地址:https://nodejs.org/zh-cn/download/

如果更改了默认安装位置,那么需要配置环境变量,NODE_PATH,变量为node.js的安装路径
react安装环境步骤

2.cmd查看是否安装好

node -v
``````bash
npm -v

react安装环境步骤

3.npm很慢,安装淘宝的镜像文件。

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装成功后,可以键入cnpm -v检查是否安装成功

创建第一个react项目

5.新建一个项目的文件夹

6.cmd 切换目录 进去到文件保存的文件下

7.全局安装创建react-app的module

cnpm install -g create-react-app    

8. 在创建的文件夹下创建fist-react-demo这个项目(大约需要等待5分钟安装完)

create-react-app first-react-demo  

但是,有可能会报错 Unexpected end of JSON input while parsing near ‘…0",“dependencies”:{"’ ,假如报错,需要执行

npm cache clean --force

react安装环境步骤

9.在创建成功的基础上,我们打开first-react-demo这个文件夹,

npm start

react安装环境步骤
启动成功后会自动打开预览器,访问http://localhost:3000/

上一篇:webpack 基本配置 和开发模式配置 2


下一篇:windows环境搭建Vue开发环境