react创建脚手架并启动项目

已于 2022-03-25 10:33:39 修改
阅读量1k 收藏
点赞数
分类专栏： react 文章标签： react.js javascript 前端
于 2022-01-29 19:17:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51666715/article/details/122746683
版权

react

定义:构建用户界面的javascript库

使用方法

1.导包
搭建脚手架 npm install -g create-react-app
使用 npx create-react-app 项目名称
2.到你所创项目的目录下运行以下代码.
npm start
运行结果如下:
在这里插入图片描述
然后进入到我们创建项目的根目录
在这里插入图片描述
然后我们运行我们创建的项目
使用我们命令
npm start
然后就可以看到,这样的界面
在这里插入图片描述

男孩12
关注
专栏目录
React-脚手架
cola
05-24 7446
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、react是什么？二、react 特点三.react 基本使用4. react脚手架使用react脚手架初始化项目知识补充： npm 的升降级 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了
react脚手架创建项目
qq_41051239的博客
02-22 1849
在mockData.js中引入mockjs，并写模拟的返回数据，第一个参数是接口，第二个是请求类型，第三个是一个函数，接收请求参数并处理之后返回数据。代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题，提前避免错误发生。冲突情况，记得检查package.json和.eslintrc.js文件内容是否有引入版本不同导致的冲突情况。可以极大的提高项目中多人协作开发时的效率、代码的可读性以及可维护性。命令将配置完全暴露出来，但这是一个不可逆的操作，复杂的。
react脚手架搭建
weixin_41421227的博客
07-01 2250
由于我们在安装的过程中要使用到npm  因此需要先前安装好node.js直接到官方下载即可  一般建议大家下载稳定版的（左边那个！）知道你们懒，咯官网戳→_→  node.js官网：https://nodejs.org/en/判断安装成功与否的标志↓    打开cmd命令行,输入 node -v 和 npm -v 来查看版本号，如果显示则安装完成然后我们就可以开始create-react-app脚...
react开发环境搭建
最新发布
肥晨开发的学习之路
09-18 1161
通常你会创建这个目录来存放你的 React 组件文件。工具创建的 React 项目中，默认的项目结构包含了一些标准的文件和目录。如果你使用 TypeScript 或想要更好的 JavaScript 代码提示，可能会看到这些配置文件。项目的配置文件，包含项目的依赖、脚本、项目元数据等。如果项目使用了 ESLint 进行代码检查，可能会有这个配置文件，用于定义代码检查规则。取决于你的项目需求和个人偏好。要创建一个新的 React 项目，可以使用以下几种方法。你可以在这里添加项目的概述、使用说明、安装步骤等。
React（二）react脚手架的搭建
热门推荐
商务合作 | 共同学习 | 携手共进
12-08 9万+
React：脚手架项目的搭建与启动
创建你自己的React
a15061877468的博客
06-19 501
1.(Didact)一个DIY教程:创建你自己的react 1.1 引言 2.渲染dom元素 2.1 什么是DOM 2.2 Didact元素 2.3 渲染dom元素 2.4 渲染DOM文本节点 2.5 总结 3.JSX和创建元素 3.1 JSX 3.2总结 4.虚拟DOM和调和过程 4.1 虚拟DOM和调和过程 4.2 实例(instance) 4.3 重构 4.4 复用dom节...
搭建React项目
tian19920813的博客
03-14 1811
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
react项目脚手架
05-06
React项目脚手架创建的项目结构通常包括以下几个关键部分： 1. **public**：这个目录包含静态资源，如HTML文件（index.html）、图标和其他公共文件。`index.html`是应用的入口点，React组件将被渲染到这个文件的`...
使用react脚手架创建工程化项目【详解】
m0_60150712的博客
07-11 654
在今后使用脚手架创建项目的时候，首先需要安装脚手架，通过安装好的脚手架再去创建React项目。- 项目的整体技术架构为: react + webpack + es6 + eslint。- react脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。- 下载好了所有相关的依赖。使用小写字母或者中线、下划线。（语法检查、jsx编译、devServer…注意：项目名不能有大写字母，否则会报错。- 包含了所有需要的配置。模块化, 组件化, 工程化。react脚手架的介绍。项目搭建的步骤并启动。
webpack,react不用脚手架创建项目
10-14
以上就是不使用脚手架手动创建React项目的基本流程。这种方式虽然比使用Create React App等脚手架复杂，但它能让你深入了解项目结构和Webpack配置，对于学习和掌握前端工程化有极大的帮助。在实际开发中，可以根据...
react 脚手架 项目框架
06-28
React 脚手架是开发基于React的现代Web应用程序的常用工具，它为开发者提供了快速构建新项目的起点。本文将深入探讨React脚手架、TypeScript的集成以及Ant Design图表库在项目框架中的应用。 首先，React 脚手架...
React-项目构建
唯见青山不见君
04-12 1519
React-项目构建
创建React项目
xiaohong的博客
09-27 751
1，安装好node.js  2，安装好npm 3，创建react项目：安装脚手架，创建项目名，进入项目，启动项目  npm install -g create-react-app /*搭建一个全局的脚手架*/ create-react-app my-demo /*创建项目 my-demo是项目名字*/ cd my-demo ...
react项目创建
weixin_54522911的博客
07-19 161
如何创建一个完整的React项目项目创建前置准备工具项目创建 项目创建前置准备 工具 首先我们要创建一个Gitee仓库 创建完成之后选择SSH，然后复制链接 通过Git Bash Here工具将线上仓库克隆到我们本地 git clone为我们的克隆命令，后面是我们复制的仓库地址 这时候我们的项目前置工作基本完成 项目创建 线上仓库拉到我们本地之后，我们打开我们拉取的文件 cd为文件打开命令，后面是文件名 打开之后，输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名
React之使用脚手架启动页面
学习笔记
08-20 934
node_modules存放脚手架所需要的依赖包public一般用来存放全局的静态文件src则是存放js等文件的地方默认生成的文件如上有很多但是目前对我来说其实不太需要只用就足以启动一个网页了favicon.ico为图标，其实不要也可以，只不过控制太报错不太看就加上
react脚手架的搭建
weixin_52755319的博客
04-01 1463
react脚手架的搭建 1、全局安装 create-react-app npm install create-react-app -g | yarn global add create-react-app 2、用脚手架创建 react项目 2.1）、创建目录 在src目录下创建以下文件夹： - assets ：静态资源文件夹 - components：组件文件夹 /components/a组件/ a.js 和 a.css - pages：页面文件夹 - styles
React脚手架的搭建
weixin_62144981的博客
11-28 601
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 脚手架搭建
fortunegrant的博客
03-12 442
package.json{  "name": "",    "version": "1.0.0",  //这是必须配置的  "description": "",    "main": "index.js",  "scripts": {    "test": "",    "watc
React脚手架搭建
暗武逢天的博客
05-19 854
react提供了一个用于创建 react项目的脚手架,使得我们可以完全释放自己的双手(#^.^#)
利用React脚手架快速构建React项目指南
执行该命令后，脚手架会自动创建一个名为`my-app`的文件夹，并在其中初始化项目所需的文件结构和配置。 在新版本的React脚手架中，可能会有所变化，比如可能引入了新的命令或者是不同的初始化方式，以满足不断变化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值