搭建react开发环境

已于 2024-04-17 14:32:29 修改
阅读量159 收藏
点赞数 3
分类专栏： react 文章标签： react.js javascript 前端
于 2024-04-17 14:18:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35227244/article/details/137871540
版权

1、检测当前环境

快捷键 win+r，输入cmd 回车

node  -v

我这本地的node环境是 v20.10.0

2、运用脚手架 cra

运用脚手架快速搭建react开发环境
projectName 是你的项目名称，自定义一个

npx create-react-app  projectName

3、得到一个react工程

项目的目录结构如下：
在这里插入图片描述
这里面有些文件用不到，清理一番后
在这里插入图片描述

  • src/index.js 是项目的入口文件
  • src/App.js 是项目的根组件

index.js的作用就是 把 根组件App 渲染到 #root 元素上

不吃香菜的蟹老板
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
准备一套React环境
tangfuling1991的博客
09-25 1250
准备一套React环境
react环境搭建
梨园居
07-12 103
使用国内镜像安装react环境 npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org cnpm install -g create-react-app 创建react例子并启动 create-react-app my-app cd my-app/ npm start 浏览器访问地址 http://localhost:
react 搭建react开发环境
sJohnny的博客
10-11 246
搭建React开发环境有两种 第一种方法（老-现在推荐）：     https://reactjs.org/docs/create-a-new-react-app.html     1、必须要安装nodejs     注意：安装nodejs稳定版本               2.安装脚手架工具   （单文件组件项目生成工具）   只需要安装一次         npm install ...
搭建React开发环境
weixin_49342009的博客
10-30 59
1.安装Node.js Node中文网址：http://nodejs.cn/ Node.js 安装好以后，如果是Windows系统，可以使用 Win+R打开运行，然后输入cmd 输入代码： 然后再输入代码： 如果正确出现版本号，说明npm也是没问题的，这时候我们的Node.js安装就算完成了。 2.安装脚手架 3.创建React项目 等到浏览器可以打开React网页，并正常显示图标后，说明我们的环境已经全部搭建完成了。 ...
搭建 React 开发环境
大灰狼的小绵羊哥哥的博客
02-20 359
初始化 创建文件夹并进入： $ mkdir tristana && cd tristana 初始化package.json $ npm init 安装Webpack $ npm install webpack webpack-cli --save-dev 创建以下目录结构、文件和内容： project tristana |- package.json |- /dist |- index.html |- /script |- webpack.confi..
详解使用WebPack搭建React开发环境
10-16
主要介绍了详解使用WebPack搭建React开发环境，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用webpack搭建react开发环境的方法
08-27
本篇文章主要介绍了使用webpack搭建react开发环境的方法，在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境，用以巩固我们之前学习的Webpack知识。一起跟随小编过来看看吧
React开发环境搭建
01-08
安装NodeJS 进入Node中文网 ，下载安装nodeJS。 安装完成后，使用Win+R打开运行，...脚手架安装完成后，就可以创建项目了，我们在F盘创建一个ReactDemo文件夹，然后进入这个文件夹创建新的React项目。 C:\Users\Admini
Webpack 4.x搭建react开发环境的方法步骤
12-11
本文介绍了了Webpack 4.x搭建react开发环境的方法步骤，分享给大家，也给自己留个笔记 必要依赖一览(npm install) 安装好。 "dependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-...
React 开发环境搭建
潇湘子的博客
02-25 442
1.windows安装, 安装React 需要在计算机上安装 Node.js >= 6 和 npm >= 5.2 cmd --> node -v cmd -->npm -v 2.国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=http...
简单搭建react开发环境
SunshineGGB的博客
03-27 115
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 安装前需要安装：node.js、vscode 一、node.js使用 运行Node.js command prompt，输入命令： npx create-react-app my-app （如下图） 安装完成截图如下： 至此，react安装完成，可以直接在npom控制台运行，我放到v..
react开发环境搭建
期科比的博客
11-12 474
方案一、基于webpack搭建react开发环境 1.mkdir webpack-react && cd webpack-react && npm init 2.在package.json中添加依赖项 "devDependencies": { "@babel/core": "^7.13.8", "@babel/preset-env": "^7.13.9", "@babel/preset-react": "^7.12.13", "babel
react 搭建开发环境
朝阳39的博客
06-10 413
下载安装最新版 node.js若已安装过node.js，请检查版本是否满足需求 若版本过低，则重新安装最新版即可。在用于创建 react 项目的文件夹中打开终端，执行命令 若提示是否安装 create-react-app，则输入 y 后按回车即可。若出现以下报错 则需先使用以下命令清除缓存后重试 项目创建成功后，会得到 用 vscode 打开文件夹 my-app1，在NPM脚本中启动项目 浏览器中访问 http://localhost:3000/ 至此证明项目创建成功！在第2步中，已介绍了使用vsc

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值