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

首先安装环境：

node.js

1-1、官网下载-访问nodejs官网，点击稳定版，并下载
https://nodejs.org/en/
1-2、安装
双击刚下载的文件，按步骤默认安装就行
1-3、验证
安装完成后打开终端

npm -v
node -v

两个命令,如出现版本信息，说明安装成功
1-4、环境配置
打开Mac 终端，配置全局环境变量
vim .bash_profile

打开之后

输入 ：e

添加一行以下代码，（Mac的node，npm可执行文件都在/usr/local/bin/目录下）

按i INSERT

PATH=$PATH:/usr/local/bin/

按ESC

输入：

:wq //保存并退出

此时，重新打开终端，输入node，就会进入node环境

control+c

按两次退出node环境

原文链接：https://blog.csdn.net/qq_45220508/article/details/122972391

git

brew 法
利用 brew 工具包管理器进行 git 安装，如果本机没有 brew，可以使用如下命令安装：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完成后，就可以安装 git 工具，执行命令如下：

brew install git

然后，等待安装完成即可。

备注：brew 官网地址：The Missing Package Manager for macOS (or Linux) — Homebrew
原文链接：https://blog.csdn.net/liuzehn/article/details/124313436

vscode

下载官网：https://code.visualstudio.com/

创建一个react项目

1、安装 create-react-app

npm install -g create-react-app

2、检测 create-react-app 是否安装成功

create-react-app -V

3、创建 React 项目

npx create-react-app my-app
cd my-app
npm start
 

4、遇到问题

4-1、mac创建需要用sudo创建，否则会出现权限不够的报错
4-2、运行npn start报错：

Error: EACCES: permission denied, open '/Users/xxx/.config/configstore/insight-cordova.json'

解决方法：
提示是权限够不,但是当你添加sudo之后,后续仍然其他的权限问题.当你依次添加sudo的执行后,生成的文件却没有权限打开.看来要换另外一个办法来解决了.
解决方法:

sudo chown -R $USER:$GROUP ~/.npm
sudo chown -R $USER:$GROUP ~/.config

原文链接：https://www.jianshu.com/p/2ca7949f8859
4-3、不能直接用code .快速打开文件

• 首先打开 VSCode 使用 command + shift + p，然后搜索code，选择 install ‘code’ commandin path。 然后在重试就可以了