React 环境搭建

最新推荐文章于 2024-08-04 23:11:37 发布
最新推荐文章于 2024-08-04 23:11:37 发布
阅读量359 收藏 4
点赞数 4
分类专栏： React 文章标签： react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41997019/article/details/136226507
版权

这里写自定义目录标题

React 环境搭建

安装 node.js

在官网下载 https://nodejs.org

安装 node.js
检查安装版本
输入命令：node -v

安装 cnpm

npm install -g cnpm

检查安装版本
输入命令：

npm -v

cnpm -v

安装 React 环境

在cmd中输入命令

cnpm install -g create-react-app

出现以下结果，即为下载成功
create-react-app下载成功

下载 intellij IDEA

下载 node.js 插件

在这里插入图片描述

在 intellij IDEA 中创建 react 项目

在这里插入图片描述

然后等待。。。下载一些核心依赖包，出现下面文字就成功了

在这里插入图片描述

接下去就是运行npm

在这里插入图片描述

成功跑起来

在这里插入图片描述

访问 http://localhost:3000

在这里插入图片描述

kikhot
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react环境搭建
01-05
React环境的搭建是开发工作的重要第一步，因为这将决定你的项目能否顺利进行。本项目已经为你提供了一个预配置好的React环境，集成了Redux和其他必要模块，可以直接使用。 首先，我们来了解一下`npm install`这个...
React开发环境搭建
01-08
安装NodeJS 进入Node中文网 ，下载安装nodeJS。 安装完成后，使用Win+R打开运行，...脚手架安装完成后，就可以创建项目了，我们在F盘创建一个ReactDemo文件夹，然后进入这个文件夹创建新的React项目。 C:\Users\Admini
React环境搭建
weixin_47075145的博客
11-18 6338
这里面包含了react项目中会用到的一些组件，install的时候下载下来的，你可以进去看看，有一些如base64之类的我们可能会用到的组件，或者一些第三方库；：让目录结构更易懂:接下来，我们改动一下src里面的内容和结构，让首次接触react的小伙伴尽量能觉得他有点亲切的感觉，事实证明，越亲切的事物我们越希望去接近。：里面包含了一些我们自己使用的js文件，css文件，img文件等等，但你打开src文件夹你会发现很混乱，不要管什么app.js，你就看到。，并且这也是react工程的。
Mac React环境搭建
weixin_39349045的博客
09-06 312
https://www.jianshu.com/p/31845b2e7318
手把手搭建React环境
qq_43086625的博客
07-27 2671
React 起源于 Facebook 的内部项目，可以开发单页面应用，组件化模块化开发。React通过对DOM的模拟，最大限度地减少与DOM的交互。
TypeScript + React 环境搭建
嗯...
06-29 748
一顿下一步，npm 也会直接安装上，现在的版本环境变量也无需自己配置。当前目录编译，编译成JS代码。然后再检测是否安装成功。
Windows下React环境搭建
！@#！！@#@！
01-29 574
1.安装Python，下载地址https://www.python.org/，选择"Windows x86-64 executable installer"即可。 (1.)勾选"Add Python x.x to PATH"（备注：x.x为版本号） (2.)点击"Customize installation" (3.)"Optional Features"默认即可,点击"Next" (4....
React 环境搭建以及创建项目工程（一）
Long_UP的博客
09-15 1000
react环境搭建以及创建项目工程
React生态之React环境搭建
June.1
03-27 613
React特点 Declarative（声明式编码） Component-Based (组件化编码) 高效的DOM Diff 算法,最小化页面重绘 单向数据流 React 生态：React、React-Router、Redux、Axios、 Babel、Webpack React 脚手架配置开发环境 普通方式 npm install -g create-react-app creat...
React Native 环境搭建的教程
08-29
React Native 环境搭建教程 在本篇文章中，我们将详细介绍 React Native 环境搭建的教程，帮助大家快速上手 React Native 开发。 环境搭建 要搭建 React Native 环境，需要安装 Node、Watchman、Yarn 和 RN ...
react native windows 环境搭建
06-07
### React Native for Windows 开发环境搭建指南 #### 一、概述 React Native 是 Facebook 推出的一款用于构建原生移动应用的框架，它允许开发者使用 JavaScript 和 React 构建 iOS 和 Android 应用。本文档将详细...
VSCode搭建React Native环境
10-15
VSCode搭建React Native环境是开发React Native应用的重要步骤，它能提供高效的代码编辑、调试以及项目管理功能。本文将详细讲解如何使用Visual Studio Code (VSCode) 创建并配置React Native开发环境。 首先，确保...
React（三）：PDF文件在线预览（简易版）
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
08-04 411
【代码】React（三）：PDF文件在线预览（简易版）
React--》掌握styled-components重塑React样式管理
ztK63LrD的博客
08-04 1190
想象一下，如果你的React组件不仅能自描述其逻辑，还能直接声明自己的样式，这种“所见即所得”的编程体验是不是让人心动不已？styled-components正是这样一把钥匙，它彻底颠覆了我们对React样式管理的传统认知，让样式与组件的结合变得如此自然与和谐。
React（五）：XLS、XLSX文件在线预览
最新发布
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
08-04 245
【代码】React（五）：XLS、XLSX文件在线预览。
React管理系统整合Cesium避坑指南
奔跑的痕迹的博客
08-04 893
花费了一周时间将React 升级到了最新版本18，同时整合Cesium三维模块到系统中，其中遇到了react 版本升级后模块删改，按照原来的引入方式无法使用的问题，以及Cesium 放入子路由一直404等问题。
react 环境搭建
10-19
React环境搭建需要以下步骤： 1. 安装Node.js和npm（Node.js自带npm）。 2. 使用npm安装create-react-app脚手架工具。 3. 使用create-react-app创建React项目。 4. 进入项目目录，使用npm start启动项目。 5. 在src...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值