安装npm和react

已于 2023-08-22 14:57:43 修改
阅读量479 收藏
点赞数
文章标签： npm react.js 前端
于 2023-08-22 14:50:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45642669/article/details/132427684
版权

下载react

下载node链接

或者： https://nodejs.org/zh-cn/download/

下载以后重启电脑（刷新环境变量）
或者手工刷新环境变量

检查环境变量

node -v
npm -v

如果没有问题应该是这两个：

在这里插入图片描述

修改镜像源

npm config set registry https://registry.npm.taobao.org

执行命令

npm install -g creacte-react-app

安装了以后，生成项目脚手架

creacte-react-app <项目名称>

出现下图就是安装成功
在这里插入图片描述

启动

cd <你的项目名称>
npm start

出现这个链接说明启动是正常的
在这里插入图片描述

青碧凝霜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react antd（基于npm webpack react）.zip
02-10
react antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact...
npm-react-starter
02-15
该项目使用[Create React App]（ ）引导。 由[Generate React CLI]提供支持的组件生成器代码（ ） 设置 npm i 发展 通过生成组件 npx generate-react-cli component Box --type=class 在templates/下定义的自定义...
基于pnpm创建的react monorepo 脚手架（开箱即用，附项目地址）
Xiongtm的博客
03-05 758
基于pnpm创建的react monorepo 脚手架（开箱即用，附项目地址）
【前端】node、npm、pnpm部署react项目过程中问题记录
weixin_42369773的博客
05-13 669
node、npm、pnpm环境变量配置过程出现的问题
创建react项目
小刘的日常bug记录
07-12 235
react 学习记录
pnpm 安装及常用命令
weixin_42666092的博客
05-22 6899
【代码】pnpm 安装及常用命令。
vue/react项目npm迁移pnpm，同时兼容npm
weixin_63453708的博客
02-16 2134
vue2项目npm迁移pnpm，同时兼容npm
npm-react-module:使用Babel ES6，Prettier，Lint开发ReactJS组件的样板
04-30
git clone --depth=1 --branch=master https://github.com/lassegit/npm-react-module CustomReactModule && cd $_ && sudo rm -r .git/ 删除.git文件夹，然后在src/index.js重命名该组件。 样式驻留在src/style....
npm-react-component-starter:准备在npm上创建和发布React组件的示例项目
05-02
npm-react-component-starter 准备在上创建和发布React组件的示例项目特征使用Webpack进行构建Sass准备就绪（sass-loader）。 只需从您的组件中import 'your/sass/files.scss' ES2016就绪（小型装载机）。 从组件...
npm-ext-react.zip
05-14
在使用“npm-ext-react”之前，确保你已经安装了Node.js和npm，这是运行React项目的基础。接着，将解压后的“npm-ext-react.zip”文件放置到你的npm全局模块目录下。这个路径通常在系统环境变量`npm_config_prefix`...
如何使用 pnpm 实现前端 Monorepo项目管理
最新发布
乐闻世界
12-25 1838
随着软件开发项目变得越来越庞大和复杂，如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是 Monorepo，也就是在一个版本控制系统中管理所有的项目代码。Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。React项目便是基于monrepo方式管理pnpm是一款快速、高效的 Javascript 包管理器。它的核心特点包括节省磁盘空间和更强的安全性。更重要的是，pnpm。
React + Vite 搭建一个简单的组件库
m0_51335436的博客
02-03 1964
最近阅读了下 vite 的文档，发现它有个库模式用来打包挺方便的，因而写篇博客记录下折腾过程。
带你了解并实践monorepo和pnpm，绝对干货！熬夜总结！
程序员成长指北
07-14 1775
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群为什么使用monorepo什么是monorepo简单来说就是，将多个项目或包文件放到一个git仓库来管理。 目前比较广泛应用的是yarn+lerna的方式实现monorepo的管理。 一个简单的monorepo的目录结构类似这样：js 复制代码 ├──packages |├──pkg1 ...
使用 React18 + Vite + TypeScript 完成公司项目经验总结，学到了很多
huihui_999的博客
05-19 903
使用 React18 + Vite + TypeScript 完成公司项目经验总结
pnpm简介和用法
卷发头的鲁智深的博客
08-01 7535
pnpm，pnpm安装依赖
pnpm学习
热门推荐
Rex的博客
10-08 1万+
之前对于多个项目的管理，我们一般都是使用多个 git 仓库，但 monorepo 的宗旨就是用一个 git 仓库来管理多个子项目，所有的子项目都存放在根目录的packages目录下，那么一个子项目就代表一个package。举个例子，比如 lodash 有 100 个文件，更新版本之后多了一个文件，那么磁盘当中并不会重新写入 101 个文件，而是保留原来的 100 个文件的 hardlink，仅仅写入那一个新增的文件。意思是定义pnpm的workspace空间，项目的多包文件入口是packages。
React学习3(React安装使用)
qq_40600414的博客
08-07 935
react安装 两种方式，一种是引入cdn开发，一种是npm 搭建react环境
React-ts+vite+pnpm搭建
qq_46084579的博客
11-19 1127
React-ts+vite+pnpm 1.进入某个文件夹EXPR! npm init @vitejs/app <项目名称>--template react-ts 2. 这时候没有node_modules cd exper1 pnpm install 查看文章： 【1】https://blog.csdn.net/qq_41499782/article/details/112918551 【2】 https://blog.csdn.net/x550392236/article/details/12
【React项目】使用npm install出现npm ERR cb() never called 报错
io_123io_123的博客
05-23 2743
轻松解决【React】项目报错：（1）npm ERR! cb() never called ；（2）npm ERR! A complete log of this run can be found in:；（3）m ERR! errno: -4048
npm 创建react项目
07-28
要npm创建一个React项目，可以按照以下步骤进行操作： 1. 首先，确保你的计算机上已经安装了Node.js。你可以在终端或命令提示符中运行`node -v`来检查是否已经安装。 2. 打开终端或命令提示符，并进入你想要放置项目的目录。 3. 运行以下命令来创建一个新的React项目： ``` npx create-react-app my-app ``` 这将使用create-react-app脚手架工具创建一个名为"my-app"的新项目。npx是npm 5.2.0以上版本附带的一个工具，用于运行临时安装的包。 4. 创建过程可能需要一些时间来安装和配置项目所需的依赖项。完成后，你将看到一条消息提示你项目已经创建成功。 5. 进入新创建的项目目录： ``` cd my-app ``` 6. 最后，运行以下命令来启动React开发服务器： ``` npm start ``` 这将启动一个本地开发服务器，并在默认浏览器中打开你的React应用程序。 现在，你已经成功地使用npm创建了一个新的React项目！你可以在my-app目录中开始编写React代码，并通过浏览器访问http://localhost:3000来查看你的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值