react（14）——脚手架搭建

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

react脚手架是什么

就是下载一个空的react项目，项目为我们配置了各种工具，以便于我们写代码

搭建react脚手架

  1. 下载create-react-app工具，输入cnpm install -g create-react-app即可
    cnpm比npm下载速度快一些，install是安装的意思，-g代表全局安装，create-react-app是工具名称
    在这里插入图片描述
  2. 使用下载好的create-react-app创建脚手架，输入create-react-app my_react即可
    create-react-app是工具，my_react是创建的脚手架名称
    在这里插入图片描述
木子 旭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何开始一个react项目
乌龟不背壳
01-01 854
1、新建目录——>在dos窗口进入到目录路径下，输入npm init   //进行初始化 初始化时packname和entry point（入口文件）需要输入值，其余的可以不输值 完成后1-1目录下会生成一个package.json的配置文件，里面即是包的初始化信息 安装必要的组件react-dom 和babelify npm install --save react react-...
react脚手架
通俗易懂
05-07 3154
react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint + ts（可选） 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 创建并启动一个项目 第一步，全局安装：np
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 1969
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
React（二）react脚手架的搭建
热门推荐
商务合作 | 共同学习 | 携手共进
12-08 9万+
React：脚手架项目的搭建与启动
React 脚手架
hsyldw2000的博客
04-01 1649
将css文件名改为index.module.css,在index.js文件中引入 import hello from './index.module.css' ，在渲染时 Hello React!3.创建component组件文件夹，这个是保存项目中使用的组件的。2.创建项目：create-react-app hello-react。---- 组件单元测试的文件(需要jest-dom库的支持)五、第一个react项目---Hello React。
React脚手架
miracle5220的博客
07-04 1002
父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）1.props：2.消息订阅-发布：pubs-sub、event等等3.集中式管理：redux、dva等等4.conText:生产者-消费者模式父子组件：props兄弟组件：消息订阅-发布、集中式管理祖孙组件(跨级组件)：消息订阅-发布、集中式管理、conText(开发用的少，封装插件用的多)
React09——使用脚手架编程
小白的学习路
03-22 536
使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化,..
React入门——项目搭建
01-08
React入门教程：项目搭建与环境配置 React是Facebook推出的一款流行的JavaScript前端框架，它将用户界面拆分成可重用的组件，便于维护和扩展。React的核心理念是利用虚拟DOM（Document Object Model）来提高性能，...
react-基于reactredux技术栈的脚手架
08-15
这个脚手架提供了一个完整的React应用开发环境，结合Redux进行状态管理，通过Koa2或Express服务器提供静态文件服务，并利用PM2实现自动化部署。开发者可以直接在此基础上进行功能开发，而无需从零开始设置基础架构，...
JavaScript：前端框架入门：React基础
07-14
#### 一、React简介与环境搭建 ##### 1. React的历史与特点 **1.1 React的历史** React是由Facebook开发并维护的一个用于构建用户界面的JavaScript库。它最初在2013年由Facebook的一组工程师作为内部项目进行开发...
使用React框架开发一个简单的待办事项应用
07-05
- Create React App是一款脚手架工具，可快速搭建React项目的初始结构。 3. **创建 React 项目** - 运行以下命令创建一个新的React项目： ```bash create-react-app todo-app cd todo-app ``` #### 步骤 1...
react-school:React开始
06-05
在搭建React应用时，我们通常会使用Create React App这样的脚手架工具，它为我们配置好了开发环境，包括Webpack和Babel，使我们能够专注于编写React代码，而不必关心构建过程。 总的来说，“React学校：React开始”...
react脚手架搭建
weixin_41421227的博客
07-01 2237
由于我们在安装的过程中要使用到npm  因此需要先前安装好node.js直接到官方下载即可  一般建议大家下载稳定版的（左边那个！）知道你们懒，咯官网戳→_→  node.js官网：https://nodejs.org/en/判断安装成功与否的标志↓    打开cmd命令行,输入 node -v 和 npm -v 来查看版本号，如果显示则安装完成然后我们就可以开始create-react-app脚...
React脚手架搭建
小婷子的博客
07-14 510
搭建脚手架 1.全局安装：npm i -g create-react-app 2.创建项目：create-react-app hello(项目名) 3.进入文件目录：cd hello 4.npm start //启动这个项目 目录下面的主要文件 /public/index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>reac
React脚手架的搭建
weixin_62144981的博客
11-28 575
3、npm install -g cnpm --registry=https://registry.npm.taobao.org 用npm安装cnpm，将镜像源设置为国内镜像源,有些软件可能在国外,就会下载比较慢,cnpm就会相对快很多。创建好脚手架运行后会出现 按Ctrl点击会进入至此就创建好一个react项目。2、运行node -v和npm -v两条命令 查看是否安装成功。7、进入创建脚手架的文件里运行 npm start。（创建一个React项目，项目名为XXX）
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
发出的红包

打赏作者

木子 旭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值