react 前端环境搭建

前端小芬芬

已于 2022-06-06 19:02:08 修改

阅读量225

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签：前端 react.js

于 2022-06-06 18:58:41 首次发布

本文链接：https://blog.youkuaiyun.com/yf18040578780/article/details/125152047

react 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在Node.js环境下安装和验证create-react-app，然后通过create-react-app命令创建一个新的React项目，并启动开发服务器。文章详细展示了从安装到运行React应用的步骤，适合初学者入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装 react 脚手架

安装 react 脚手架，前提node 环境已装才能进行下一步脚手架安装

yangfen@yangfendeMac-mini react-manage % node -v
v18.2.0
yangfen@yangfendeMac-mini react-manage % npm -v 
8.9.0

运行下面命令创建 react 脚手架

npm install -g create-react-app

安装完成后验证是否安装完成，出现版本号则安装完成

create-react-app --version

2、创建 react 项目并运行

create-react-app 项目名

npm start

npm start 服务运行起来之后，将会自动打开网页

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小芬芬

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React 开发（三）：环境搭建 - 在本地构建第一个 React 项目

一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。

10-29

2037

React的核心是组件化开发，因此可以根据需求自定义新的组件来拓展应用的功能。以下是创建和使用一个Hello组件的示例。通过本文，你已经成功搭建了第一个React开发环境，并完成了初步的项目结构理解和组件创建。React的组件化开发使得代码复用、维护和扩展变得更加容易。在后续的开发中，可以探索更多React的高级特性，如状态管理、生命周期方法和组件通信等。下一篇文章将带你深入了解React组件的生命周期与状态管理，帮助你进一步掌握React开发的核心技能。

React前端开发：React基础概念与环境搭建

kkchenjj的博客

07-20

1248

React 是由 Facebook 开发的一个用于构建用户界面的 JavaScript 库，首次在 2013 年的 JSConf 欧洲会议上被介绍。React 的设计目标是提高大规模应用的开发效率和性能，通过组件化的方式，让开发者能够构建可复用的 UI 组件。React 的流行也带动了整个前端生态的发展，如 Redux、Next.js 等相关技术的出现，使得 React 成为构建现代 Web 应用的首选框架之一。

参与评论您还未登录，请先登录后发表或查看评论

React前端开发环境搭建

酷爱编程的小猿同学

11-17

522

React前端开发环境搭建首先，我们需要明确的是React和很多前端框架一样，底层都还是js以及html，即便它有着看似特殊的jsx语法。我们要在服务端运行js，就需要依赖一个环境，和运行war包需要tomcat一类中间件一样，运行js需要node.js，同时因为我们用了各种框架，所以相应的module依赖也需要，需要使用npm工具，这就类似于maven管理jar包依赖一样同样maven可以修改镜像，而npm也可以改成淘宝的cnpm以及相应module库地址。 let´s begin.

react项目环境搭建流程

最新发布

2302_80130544的博客

06-15

869

创建router/index.js ,引入组件，配置路由，并导出router实例。CRA 已集成了 Webpack、Babel、TypeScript 等工具。创建axios实例，配置baseURL，请求拦截器，相应拦截器。在utils/index.js中，同意导出request。准备一个json文件 server/data.json。通过@代替src，方便开发过程中的路径查找访问。2. 联想提示配置，修改vscode配置。创建utils/request.js文件。1. 创建store子模块。

React基础学习笔记（一）-react前端项目的两种搭建方式

最爱嫣夜来

08-30

812

1、运行环境准备需要先进行react项目的运行环境nodeJS的安装，具体安装流程可以参考： windows版本的安装配置帮助文档：https://www.cnblogs.com/liuqiyun/p/8133904.html linux版本的安装配置帮助文档：https://www.cnblogs.com/huangenai/p/10815426.html 2、验证环境是否正常 # 使用以下两个命令都可以 npm -v npm -version 3、创建react前端项目的两种方式 3.1 手

react前端框架环境搭建

aiee的博客

06-02

1431

1、创建react应用程序 Create React App可在macOS，Windows和Linux上运行。 npx create-react-app mytest cd mytest npm start 或 yarn start 启动项目如果您以前create-react-app通过进行了全局安装npm install -g create-react-app，建议您使用卸载软件包，npm uninstall -g create-react-app以确保npx始终使用最新版本。 ...

前端React 开发React-环境搭建

04-04

前端React 开发React-环境搭建

React 前端框架搭建与解析

zwzLl的博客

02-13

861

React 是 Facebook 开源的用于构建用户界面的 JavaScript 库，以其组件化、声明式编程范式以及高效的虚拟 DOM 渲染机制，成为当今最流行的前端框架之一。本文将带领你从零开始搭建一个 React 开发环境，并深入解析其核心概念。

第1课：React开发环境搭建与第一个组件

weixin_42771529的博客

04-05

1679

让我们看看├── node_modules/ # 所有依赖的库├── public/ # 静态文件│ ├── index.html # 主HTML文件│ └── ...├── src/ # 主要工作目录│ ├── App.css # 主样式文件│ ├── App.js # 主组件文件│ ├── App.test.js # 测试文件│ ├── index.css # 全局样式│ ├── index.js # 应用入口文件│ └── logo.svg # React图标。

创建react前端框架

贱人王三羊的博客

08-31

195

创建react前端框架，首先电脑安装 nodejs yarn yarn create react-app great-ui10

react前端框架

01-25

react框架供大家学习，15年版，可能有点老旧。建议下载最新的源码结合学习

基于react+如何搭建一个完整的前端框架（1）

weixin_30897233的博客

09-13

968

1.使用 create-react-app 快速构建 React 开发环境　　create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。　　create-react-app 自动创建的项目是基于 Webpack + ES6 。　　执行以下命令创建项目：　　$ cnpm install -g create-react-...

React 前端框架教程

2404_89475753的博客

12-23

1051

使用创建一个 React 项目。创建并使用 React 组件。使用useState钩子管理组件状态。处理用户事件和动态更新 UI。使用 CSS 文件为组件添加样式。动态渲染列表和条件渲染内容。React 提供了强大的工具和功能，使得开发互动性强的用户界面变得更加简单和高效。你可以在此基础上扩展和构建更复杂的应用。希望这个教程对你有帮助，如果有更多问题，欢迎继续提问！访问更多内容来源。

快速搭建React前端项目

u012432468的博客

10-26

1618

序：前端框架这么火，怎么能过错过我。（哈哈---其实是因为不想学习，就来实践一下）一介绍 React是一个js库，最初是facebook内部使用的，2013年开源以后，由于其较高的性能和简单的代码逻辑被广泛应用。但是据说Facebook官方要求凡是用react实现的前端项目，其专利是归facebook的，然后百度还因此和Facebook产生了纠纷。弃用react,连夜修改框架。（这是趣...

React入门：基本环境搭建

安之ccy的博客

07-08

1432

react项目创建与基本测试

React前端框架创建

weixin_44266668的博客

05-18

231

React搭建框架打开本地cmd >node -v //检测安装node >npm -v //监测是否安装npm 全局安装脚手架，确保安装（node，npm，yarn） >npm install -g create-react-app //-g代表全局安装检验安装 >create-react-app --version 使用脚手架创建项...

从 0 开始搭建 React 框架

sinat_39145919的博客

01-26

2139

从 0 开始搭建 react 框架：webpack、react、redux toolkit、react-router、eslint、antd5、主题色切换

React前端开发环境搭建指南

知识点一：Windows系统中React前端开发环境的搭建在Windows系统中安装React前端开发环境，首先需要下载并安装Node.js。通过访问Node.js官方网站，用户可以选择Windows Installer安装包下载最新版本。该安装包包含了...