React项目搭建

最新推荐文章于 2024-07-05 18:15:36 发布
原创 最新推荐文章于 2024-07-05 18:15:36 发布 · 345 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #javascript #前端

本文指导如何使用npm安装并创建React项目，详细步骤包括安装create-react-app，自定义项目名，文件结构展示，npm start运行及浏览器访问。

确定node已安装
在这里插入图片描述
执行 npm i -g create-react-app 安装react脚手架在这里插入图片描述
执行 create-react-app rproject (rproject为自定义项目名)，最后出现 happy hacking说明创建成功。
在这里插入图片描述
在这里插入图片描述
项目创建成功后，在对应路径下可以看到项目文件结构
在这里插入图片描述
在项目所在路径下命令行执行npm start
执行成功后，自动打开浏览器访问
在这里插入图片描述

React之基础项目搭建
ChatYU的博客
04-08 2448
README.md项目的说明文档，通常包含有关项目的简介、安装说明、使用说明等信息。存放项目依赖的所有第三方npm包。包含项目的元数据和依赖信息，如项目名称、版本号、作者信息、依赖列表等。你也可以在这里定义自定义的脚本命令，如启动开发服务器、构建应用程序等。public/包含静态资源文件，这些文件会直接复制到构建输出目录中。index.html应用的HTML模板文件，包含一个根元素，React应用将会挂载到这个根元素下。应用的图标文件。src/包含项目的源代码文件。这是你主要工作的目录。App.css。
react项目搭建上
infinovachenm的博客
10-12 263
react项目搭建上创建项目精简项目建立项目结构+暴露配置文件引入Sass/Scss配置路由 创建项目 npx create-react-app myDemo (项目名称) 精简项目 红框内的index.js文件一定要保留，之后yarn start会报错，得将App.js和index.js内多余的链接删掉，保证能运行。删除后如下图： 建立项目结构+暴露配置文件 暴露配置文件之前需要先整体提交一次 提交完成之后暴露配置文件yarn eject,暴露后如下图所示 引入Sass/Scss yarn
react项目搭建
09-27
此项目包含了 路由配置（嵌套路由） fetch请求接口 redux状态管理 webpack代理设置 蚂蚁金服ant使用 调用h5+手机摄像头功能，绝对物超所值，页面简单 但是架子稳定 涉及的知识全面
搭建React项目
tian19920813的博客
03-14 2861
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
搭建一个react项目
diaojw090的博客
07-11 765
1.快速搭建 如果只是想试试 React，那么建议使用 create-react-app来创建一个react项目 npx create-react-app my-app cd my-app npm start 因为 create-react-app 和 vue-cli 不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以2.手动构建一个 Re...
react项目搭建和基本配置
qq_58956810的博客
07-05 1810
4.配置基础路由Router1. 使用CRA创建项目react-jike清除目录中不需要的文件2.安装scss3.安装Ant Design 组件库 安装成功4.配置基础路由Router配置步骤1. 安装路由包2. 准备基础路由组件（任意的页面都可以，一般都包括login，layout等）3. 在router/index.js文件中引入组件进行路由配置，导出router实例4. 在入口文件中渲染，传入router实例5.配置@别名路径1.首先安装。
精选资源
react项目搭建步骤.pdf
08-25
"React 项目搭建步骤" React 项目搭建是指使用 React 库创建一个新的项目，并进行基本的配置和设置。下面是 React 项目搭建的步骤： 步骤一：创建项目 创建一个新的 React 项目，使用 `create-react-app` 工具...
从零开始构建一个React项目基础工作流_React项目搭建Webpack配置Babel转译ESLint代码规范Prettier代码格式化热模块替换HMR开发服务器配置.zip
最新发布
12-03
项目搭建者需要细心地配置Webpack，选择合适的Babel预设和插件，设置ESLint规则和Prettier配置，以及搭建支持HMR的开发服务器。这些步骤虽然看起来繁杂，但它们共同构成了一个高效、规范的React项目工作流，为项目的...
React项目搭建 router5.0+mobx
exaggerate_smile的博客
12-25 441
一个基础的项目搭建,使用Router5.0 + Mobx状态管理仓库
React项目搭建及基本介绍
小糖豆
07-10 2317
React的项目搭建 项目搭建比较简单，先安装react脚手架，然后创建项目就完事了 第一步安装node（基本环境） 第二步安装webpack（基本环境） 直接敲命令运行即可 npm install -g webpack 第三步配置淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org 第四步 安装create
react的项目搭建
moon_comb的博客
12-11 315
关于react项目搭建关于react项目搭建项目搭建的基本前提react项目react+dva+antd项目 关于react项目搭建 项目搭建的基本前提 环境： nodejs ：安装的话可以百度 必须安装； 镜像 ：npm install -g cnpm --registry=https://registry.npm.taobao.org 我用的淘宝镜像； react项目 根据以上的环境创建r...
搭建react项目
lyh135923的博客
03-02 539
首先将node升级到10及以上 执行命令 npm install -g create-react-app 然后执行 create-react-app my-app，这时我一直执行不成功，出现错误：Aborting installation. npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.然后我手动执行命令npm install --save.
react项目创建
weixin_54522911的博客
07-19 222
如何创建一个完整的React项目项目创建前置准备工具项目创建 项目创建前置准备 工具 首先我们要创建一个Gitee仓库 创建完成之后选择SSH，然后复制链接 通过Git Bash Here工具将线上仓库克隆到我们本地 git clone为我们的克隆命令，后面是我们复制的仓库地址 这时候我们的项目前置工作基本完成 项目创建 线上仓库拉到我们本地之后，我们打开我们拉取的文件 cd为文件打开命令，后面是文件名 打开之后，输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值