安装react 并创建第一个项目

react

1.下载node.js

https://nodejs.org/zh-cn/

下载之后点击安装

安装node.js时会自带一个npm的包管理工具。

2.打开cmd 键入命令 node –v 、npm -v测试是否安装成功

如图两个都返回版本号就表示安装成功了

我们也可以在path中添加刚刚的安装目录配置环境变量

3.设置npm的镜像源为淘宝

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

4.安装create-react-app 来创建react

安装命令:npm install -g create-react-app

5.创建react项目

切换到你要创建项目的路径下

create-react-app projectname

其中projectname为你的项目名称,创建时替换成你自己的项目名称

6.启动项目

进人项目目录

cd projectname

运行项目 npm start

稍等片刻 运行成功会自动打开一个网页

没有打开 可以打开浏览器输入http://localhost:3000/

出现如图的这样就表示成功了

7.导入并运行别人的react项目

一般别人的react项目都是不会将node_modules一同放出来的,打开项目后 运行cnpm i 或者npm i,这个时候,它会自动根据你package.json里面的依赖,下载你需要的node_modules,然后就能运行了。

进入项目目录

运行npm i

有的会出现提示需要npm fund

运行npm fund

成功后运行npm start

出现如图表示成功 访问图上路径就可以了

如果出现

查看package.json 文件,scripts 中是否有start ,

没有的话运行 npm run dev即可

以上是 安装react 并创建第一个项目 的全部内容, 来源链接: utcz.com/z/383656.html

回到顶部