创建react项目最简单方式

ppylox
·12/14/2023·0 阅读
AI 摘要模型根据正文自动生成,仅供参考

本文介绍初始化React项目的最简方式:先设置国内npm源为registry.npmmirror.com避免卡顿;再全局安装create-react-app脚手架;然后用create-react-app创建项目(名称勿含大写字母);安装时自动下载package.json并初始化依赖;最后执行npm run start启动,默认端口3000,浏览器访问localhost:3000即可查看项目。

大家好我是图恩,今天分享一下初始化react项目的最简单最快的方式。

1.设置国内npm源,这一步很重要,因为如果不设置国内源,可能在第一步就卡住了。

npm config set registry https://registry.npmmirror.com

2.安装create-react-app脚手架

npm i create-react-app -g

3.通过create-react-app 创建react项目,注意项目名称不要带大写字母。

create-react-app react-admin

4.安装过程中会自动下载package.json文件,然后通过json文件中的依赖包初始化文件,安装完成后再通过一下命令就可以启动项目了。

npm run start

5.默认启动端口为3000,在浏览器输入以下地址就可以看到启动的项目了:

http://localhost:3000/

相关文章

评论 (0)

暂无评论,来写第一条吧