create-react-app的安装，创建和使用（解决mac系统下遇到的一些小麻烦）

最新推荐文章于 2023-11-06 15:22:22 发布

weixin_44617133

最新推荐文章于 2023-11-06 15:22:22 发布

阅读量301

点赞数

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

本文链接：https://blog.csdn.net/weixin_44617133/article/details/129294572

版权

react 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

全局安装react：npm i -g create-react-app
报错或者安装成功后依然提示create-react-app not found
解决办法：
sudo npm i -g create-react-app（解决权限问题导致无法安装）

创建react工程：
create-react-app 项目名
报错：name can no longer contain capital letter
创建react项目不能使用大写英文字母
解决办法：换小写

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_44617133

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

react18 + vite5 + typeScript + commitLint + prettier + eslint + husky + lintStaged 实现后台管理系统基本框架

小白小白从不日别的博客

06-04

364

npm run eject：项目中的一些配置被隐藏起来了，通过这个命令可以将配置文件反编译到项目中，从而获得配置的权利，这个操作是不可逆的，一旦编译出来就无法编译回去，一般来说不会执行这个命令，我们会通过其他方式去修改配置。：React18 引入了并发模式，Zustand 设计为响应式的状态管理库，可以很好地兼容 React18 的并发特性，确保应用的状态管理在并发模式下仍然稳定和高效。：Zustand 采用了最小的 re-render 策略，只会在状态实际变化时触发组件重新渲染，避免了不必要的性能开销。

React Native 电商项目实战——1.创建项目

于连林520wcf的专栏

06-12

3364

React Native 简称 RN 是 FaceBook 发布的跨平台开发框架，它的设计理念是：使用 React Native 开发，既拥有 Native 的良好人机交互体验，又保留了 React 开发效率。一、为什么选择 React Native 在 React Native 发布的短短几年之内，已经有很多使用 RN 技术开发的 App 上线，其中就有我们团队开发4个 App。它的...

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

create-react-app的安装和项目的创建

ThisOnly的博客

07-11

2517

create-react-app 全局安装create-react-app $ npm install -g create-react-app 如果不想全局安装，可以直接使用npx $ npx create-react-app your-app //也可以实现相同的效果创建一个项目 $ create-react-app your-app 注意命名方式 Creating a new Reac...

Mac上安装create-react-app

马优晨

03-16

6147

Mac上安装create-react-app,经常出现安装不上，这里说一下办法：方法一： sudo npm install -g create-react-app create-react-app my-react cd my_code yarn start 方法二： yarn global add create-react-app create-react-app my-app cd m...

react: mac电脑安装create-react-app

最新发布

qq_36413371的博客

11-06

184

【代码】react: mac电脑安装create-react-app。

如何安装Create React App

星球奋斗者

03-02

1602

React作为Web开发的重要技术，既可以在浏览器端运行，也可以通过nodejs在服务端渲染，思想非常独特，性能出众，可以写出重复代码少，逻辑清晰的前端代码，深受Web开发工程师的喜爱。

安装create-react-app教程及简单配置

wang_9909的博客

12-03

3876

create-react-app，是一个很好的脚手架。 react入门的最佳选择。

React Native 实战：构建电商 App

GitChat

04-12

5595

课程介绍 React Native 充分利用了 Facebook 的现有轮子，是一个很优秀的集成作品，使用 RN 即可做到无需编译就能远程热更新 App，再加上友好的开发方式、快到爆炸的开发效率、RN 已经完爆了其他的 App 开发方式，即使是一个初入前端的开发者也能迅速开发一套 iOS、Android 双平台的 App。文章中将分三个部分讲解 RN 的开发。通过开发一个比较完整的电商 App ...

native app 集成 cocos-2dx-js 3.11 (Android篇)

nu的专栏

07-19

2486

native app 集成 cocos-2dx-js 3.11 (Android篇)，各种坑

MERN技术栈实现CRUD的小项目（万字长文；使用React、Express、Mongodb、node实现前后端结合的增删查改）

sunshine_kevin的博客

05-19

1692

预期效果使用React、Express、Mongodb、node 可以前后端交互，实现增删查改成品实施过程 1. 创建项目前端部分的创建前端依然使用 react-create-app 来创建。这次用到的依赖有如下的 "classnames": "^2.2.5", "react-redux": "^5.0.7", "react-router-dom": "^4.2.2", "red...

mac下的create-react-app创建

weixin_42449268的博客

11-26

291

mac下的create-react-app创建下载node，mac下安装node传送门 npx create-react-app(官方脚手架) my-app(自己定义的项目名称) cd my-app npm start(至此就启动了一个react项目，项目已经包含了所需包) 在地址栏中输入http://localhost:3000，如果出现下面的页面即为成功。官方安装地址传送门 ...

安装react环境（三）安装create-react-app并创建react项目

凯文斯坦森的博客

03-30

1656

继续看这篇帖子，再次感谢作者 https://blog.csdn.net/daxiazouyizou/article/details/79743832?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task 安装create-react-app 现在我们...

前端获取div里面的标签_2020Web前端高频面试解析题-Web前端

weixin_39861918的博客

12-06

262

2020web前端面试题,Web前端面试题,开课吧Web前端课程问题一：function SayHi(){console.log(name);console.log(age);var name = 'xiannv';let age = '18'}SayHi()上面代码的输出是什么？A.TJH 和 undefinedB.TJH 和 ReferenceErrorC.ReferenceError 和 2...

mac电脑第一次创建一个react项目

rcx0113的博客

05-08

1396

提示是权限够不,但是当你添加sudo之后,后续仍然其他的权限问题.当你依次添加sudo的执行后,生成的文件却没有权限打开.看来要换另外一个办法来解决了.添加一行以下代码，（Mac的node，npm可执行文件都在/usr/local/bin/目录下）4-1、mac创建需要用sudo创建，否则会出现权限不够的报错。1-1、官网下载-访问nodejs官网，点击稳定版，并下载。此时，重新打开终端，输入node，就会进入node环境。1、安装 create-react-app。双击刚下载的文件，按步骤默认安装就行。

使用 create-react-app 快速构建 React 开发环境

菜鸟的博客

11-02

532

create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目： $ cnpm install -g create-react-app $ create-react-app 想要创建的项目名（创建一个react脚手架） $ cd 项目名（进入创建的文件夹） $ npm start（运行项目）...

Mac下搭建React开发环境

Steve Wang's blog

10-02

3929

1. Node安装 2. create-react-app安装 3. typescript安装 plus 过程中如果遇到报错的解决方法

[React]Day08—使用create-react-app 创建 react应用

iChangebaobao的博客

08-27

338

[React]Day08—使用create-react-app创建react应用一、创建项目并启动一、创建项目并启动第一步，全局安装：npm i -g create-react-app 第二步，切换到想创项目的目录，使用命令：create-react-app hello-react 第三步，进入项目文件夹：cd hello-react 第四步，启动项目：npm start Mac 第一步需要加上 sudo，不然会报错 [permission denied] sudo npm i -g create-re

macOS下安装create-react-app脚手架报错WARN checkPermissions Missing write access

altonw_lee的博客

05-26

815

这里写自定义目录标题学习react框架，macOS下安装脚手架create-react-app时出错pre：执行安装命令，报错一、尝试第一种方法，使用root用户安装二、尝试第二种方法，把写权限赋给所有用户后进行安装尝试第三种方法，将目录内容授权给当前用户学习react框架，macOS下安装脚手架create-react-app时出错 pre：执行安装命令，报错在终端里输入命令： npm install -g create-react-app 开始出现报错：看报错提示，应该是没有存取权限访问目录：

通过create-react-app构建React项目(附带node安装、nrm安装以及问题解决)

m0_51613816的博客

06-22

2206

通过create-react-app创建React项目，node安装，nrm安装

React开发利器：create-react-app深度解析

- **简洁的安装过程**：只需一条`npm install -g create-react-app`命令即可全局安装，然后使用`create-react-app my-app`创建项目，极大地简化了项目的初始构建。 - **零配置**：`create-react-app`处理了所有...