迅速搭建React脚手架

最新推荐文章于 2022-03-14 20:28:18 发布
最新推荐文章于 2022-03-14 20:28:18 发布
阅读量127 收藏
点赞数
分类专栏： react 文章标签： react 脚手架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/paopaosama/article/details/82798379
版权

一、在要创建项目的文件夹里打开命令行窗口

输入：
npm i create-react-app -g (这一步从没有安装过脚手架的需要，之后可以跳过)

二、创建项目

create-react-app  这里跟上项目名字：比如 myreactapp

等等等，等到提示Success!就创建好了

三、进入项目目录

输入

cd  myreactapp（这里是你自己的项目名）

输入

npm start

默认端口是localhost:3000

一般npm start之后会自动他出浏览器窗口，没有的话手动输入localhost：3000

如下图，出现小花gif图就OK了

paopaosama
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零开始学习搭建React脚手架项目
10-18
从零开始学习搭建React脚手架项目 在本文中，我们将从零开始学习搭建React脚手架项目。React是一个流行的前端框架，用于构建用户界面。为了方便开发，我们需要搭建一个React脚手架项目。 搭建React脚手架项目的...
React脚手架，用于快速搭建React项目
06-04
React脚手架是一种工具，它简化了创建新React项目的初始设置过程。React是Facebook开发的JavaScript库，专门用于构建用户界面，尤其是单页应用程序（SPA）。JavaScript则是一种广泛使用的编程语言，是Web开发的核心...
【React错误合集】Cannot create a project named “TodoList“ because of npm naming restrictions
qq_43248161的博客
03-14 965
输入命令 ​ npx create-react-app TodoList ​ 报错 Cannot create a project named "TodoList" because of npm naming restrictions: * name can no longer contain capital letters Please choose a different project name. 原因：脚手架项目名中不能含有大写字母 ...
React脚手架报错：Cannot create a project named ““ because of npm naming restrictions:
Always-Learning
04-14 1546
问题描述 问题原因 创建的脚手架项目名中含有大写字母 解决办法 将大写字母换成其他即可
react脚手架搭建
weixin_41421227的博客
07-01 2233
由于我们在安装的过程中要使用到npm  因此需要先前安装好node.js直接到官方下载即可  一般建议大家下载稳定版的（左边那个！）知道你们懒，咯官网戳→_→  node.js官网：https://nodejs.org/en/判断安装成功与否的标志↓    打开cmd命令行,输入 node -v 和 npm -v 来查看版本号，如果显示则安装完成然后我们就可以开始create-react-app脚...
史上最简单的react脚手架搭建
社会人
10-21 2208
1.需要安装node的环境，这个步骤就不详细说了，当安装万Node以后在cmd命令行输入 node -v 查看node的版本。2.通过 npm 使用 React，我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默
脚手架搭建react项目
qq_33203555的博客
11-06 8108
react和vue,angular一样也有脚手架。这大大方便了我们的开发。react的脚手架是create-react-app。脚手架下载使用npm下载create-react-app运行如下命令：npm install -g create-react-app国内npm一般下载比较慢或者是常出现下载失败的情况，我们可以指定下载的仓库：npm install -g create-react-app -
react-基于webpack的react脚手架搭建
08-15
总结，基于Webpack搭建React脚手架涉及的关键步骤包括：安装Webpack和相关依赖，初始化React项目，配置Webpack以处理JSX、CSS和静态资源，以及选择合适的项目模板加速开发。理解并掌握这些步骤，能帮助开发者更高效...
React脚手架搭建实战项目
11-01
IT培训机构原创视频，真实上课环境现场录制，通过该视频可实现利用React脚手架搭建项目。 React脚手架和Vue脚手架类似，都是用来帮助程序员快速创建一个基于React的模板项目
react-electronreactreactroutermobxwebpack搭建的脚手架工程
08-15
总结来说，这个"react-electronreactreactroutermobxwebpack搭建的脚手架工程"是一个完整的桌面应用开发解决方案，它融合了前端和后端开发的最佳实践，为开发者提供了一个起点，以便快速启动具有响应式UI、动态路由...
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
pi_heif-0.17.0-cp39-cp39-macosx_14_0_arm64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
[毕设]酒店管理系统PPT与源码展示.zip
07-27
[毕设]酒店管理系统PPT与源码展示
企业数字化运营管理总体规划方案
最新发布
07-27
本资料围绕总体信息化规划方案、智慧运营系统建设规划方案、阶段性建设方案等方面阐述企业数字化运营管理总体规划方案。
MATLAB hough变换答题卡识别（GUI，配论文）.zip
07-27
MATLAB hough变换答题卡识别（GUI，配论文）.zip
react脚手架搭建项目
04-14
回答：可以使用create-react-app工具快速搭建React项目。首先需要安装Node.js和npm，然后使用命令行工具执行以下命令：npx create-react-app my-app（将my-app替换成你自己的项目名称）。这个工具将会自动帮你安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值