安装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