使用create-react-app搭建react项目

最新推荐文章于 2024-07-16 21:58:15 发布
最新推荐文章于 2024-07-16 21:58:15 发布
阅读量398 收藏
点赞数
分类专栏： react 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43358160/article/details/106650749
版权

react项目搭建

其实react项目搭建和vue项目搭建差不多，vue搭建项目可参考我以前的博客vue搭建项目

使用create-react-app搭建react项目

首先安装脚手架

npm install -g create-react-app

在这里插入图片描述
然后运行

create-react-app 你的项目名

在这里插入图片描述
然后进入创建的项目
运行
在这里插入图片描述
就会自动打开一个网址
在这里插入图片描述就创建成功了

雨打荷叶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React脚手架
m0_45136861的博客
03-21 470
React脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 第一步，全局安装：npm i -g create-react-app
react 使用create-react-app搭建
weixin_53315593的博客
06-14 462
对于入门来说，不太需要太多的工具链，所以用cra脚手架便可以快速搭建一个简单的react页面。生产级的react框架：Next.js,Gaysby.js,Remix.js等。cra脚手架，全称是create-react-app。
【React】创建React项目：使用 create-react-app 创建 React 应用
最新发布
DZSpace，专注于计算机科学与技术领域的技术博主，致力于分享实用知识与技巧，帮助读者快速掌握技术要点，共同探索计算机世界的无限可能。欢迎访问DZSpace的博客，一起学习进步！
07-16 777
创建React项目：使用 create-react-app 创建 React 应用
create-react-app 创建react项目
y1s2y3的博客
08-03 122
1. 搭建好react的环境 2. 创建react的项目 create-react-app demo 3. 在package.json里添加"homepage"./" (注意后面的双引号里面的点号，----这个点花费了我很长的时间才弄对。) 4. 使用yarn start启动项目或者yarn build打包项目 ...
使用 create-react-app 搭建 react 项目
xiao_yu_liu的博客
09-06 189
1、全局安装create-react-app npm install -g create-react-app 2、创建项目 create-react-app projectName 此时，你的项目已经初步创建好，然而，项目没有webpack配置 查看项目 package.json ，发现一个特殊的命令eject 这个命令，就是将你的项目的一些配置文件，暴漏出来 执行过...
create-react-app 项目搭建
weixin_50874568的博客
01-02 590
create-react-app 方式项目搭建
详解使用create-react-app快速构建React开发环境
12-10
使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下...
create-react-app-esbuild:在您的create-react-app中使用esbuild进行更快的编译，开发和测试
05-13
:rocket: create-react-app-esbuild :rocket: 在您的使用可以更快地进行编译，开发和测试。特征在开发过程中用esbuild替换babel-loader 用esbuild替换babel-loader以加快构建时间用esbuild替换terser，以加快构建...
create-react-redux-app：基于create-react-app的React样板
02-05
创建React Redux应用 该项目是通过。 该项目包括额外的redux软件包和改进的文件结构。...git clone git@github.com:YUzhva/create-react-redux-app.git NEW_PROJECT_NAME # with HTTPS git clone https://g
create-react-app-with-redux：：star2：简单的redux实现已添加到使用create-react-app创建的应用程序中
02-05
使用Redux create-react-app ... 这是Redux的一个准系统实现，该React是使用create-react-app生成的React应用create-react-app ，然后使用npm run eject 。 :light_bulb: 该存储库包含两个提交，并且只有两个提交。 ...
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
使用create-react-app搭建React项目
马云
12-08 104
npx搭建React项目 1、先卸载create-react-app 执行：npm uninstall -g create-react-app或者：yarn global remove create-react-app 2、安装 npx create-react-app 项目名(不能有大写字母)
React基础(1)-create-react-app
itclanCoder
11-06 406
前言 如今,对于现今前端热门的三大框架Vue,Angular,React,对于web开发者来说,早已不是什么陌生的词 尽管三者实现业务最终的目的都能达成一致,但是各有特色,其中任何一框架,个人觉得,都博大精深,可圈可点,要学习的内容有很多,我也仅仅是浅尝辄止而已. 有时候,因为工作项目的需要,自己在切换各个技术栈的时候,只要一段时间没有用,就有些陌生,说到底不得不承认自己功力不够 本文并不是什么教...
使用create-react-app创建项目
quangezai666的博客
08-30 2732
在创建react项目之前，需要经过安装和配置webpack和babel等工具，操作很麻烦。通过使用create-react-app创建项目，可以免去安装和配置webpack和babel等工具，使得创建项目变得便捷许多，因为他们已经被预先安装和配置了。 是不是很迫不及待想体验一下了呢？ 下面，我们一起进入操作吧。其实是很简单的哦 在使用之前，我就先默认你们安装了Nodejs和配置好了npm
react搭建项目（create-react-app）
github_38928905的博客
04-02 1285
一，初始化 这里使用create-react-app直接初始化一个基本的react项目： 步骤： 1 npm install -g create-react-app 全局安装 2 初始方式：（项目命名不要含有大写字母） 2.1 create-react-app react-cli-app [这种最常见遇见报 create-react-app不是命令的错，解决方案有：htt...
React脚手架create-react-app2.0搭建项目
北冥の魚
08-21 387
环境准备 要提前安装好node、npm或者cnpm、webpack，本机使用 node 为当前最新版 10.16.0 版本。如果安装多版本 node 可以使用nvm 进行管理。 查看环境命令传送门 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES...
react---create-react-app搭建项目
maidu_xbd的博客
06-12 417
【index.js】--将APP组件渲染到页面。%PUBLIC_URL%代表public目录。【index.html】--应用入口文件。【Hello组件/Welcome组件】3.hello_react示例。
Create React App使用
多看多听多总结
06-12 250
1、安装 npm install -g create-react-app 2、创建应用 npx create-react-app your-app 3、应用启动 cd your-app npm start
React教程（六）——使用 create-react-app 快速构建 React 开发环境
热门推荐
mapbar_front的博客
03-16 2万+
1、create-react-app是什么？ 做一个react项目，构建其开发环境对初学者来说是很困难的！所以，facebook专门出了create-react-app命令，用于react项目开发环境的构建！ create-react-app是基于webpack+ES6创建的。 2、如何使用。 依次在命令行执行以下命令就能完成项目的构建。 cnpm install -g create...
使用create-react-app构建React应用快速入门
这篇学习材料主要涵盖了使用React框架创建Web应用的基础知识，特别是通过`create-react-app`工具快速搭建React项目的步骤。`create-react-app`是React官方提供的一个脚手架工具，它可以帮助开发者免去配置构建工具和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值