Mac 安装脚手架遇到的问题

解决npm安装Vue CLI权限错误
本文记录了在使用npm安装Vue CLI过程中遇到的权限错误问题,并提供了详细的解决方案,包括尝试不同命令及参数来成功安装。

npm install -g @vue/cli

报错如下:
EACCES: permission denied, access ‘/usr/local/lib/node_modules’
npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules在这里插入图片描述
EACCES: permission denied, access ‘/usr/local/lib/node_modules’
npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules

sudo npm install @vue/cli -g

修改了一下执行权限,还是报错,如下:
在这里插入图片描述
Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/.node-gyp’

sudo npm install --unsafe-perm @vue/cli -g

在权限的基础上加入了 --unsafe-perm ,安装成功
在这里插入图片描述

### 安装React脚手架工具 `create-react-app`于Mac操作系统 #### 准备工作 确保已安装Node.js环境,因为`create-react-app`依赖Node.js来运行。可以通过命令`node -v`验证是否已经成功安装了Node.js。 #### 全局安装Create-React-App 为了能够在任何地方通过终端调用`create-react-app`命令,在Mac上需执行如下指令来进行全局安装[^1]: ```bash npm install -g create-react-app ``` #### 验证安装版本 完成上述操作之后,可以输入下面这条语句检查所安装的`create-react-app`的具体版本号,确认安装无误[^2]: ```bash create-react-app -V ``` #### 解决网络速度问题 如果遇到由于国内网络状况不佳而导致下载缓慢的情况,可考虑更换为淘宝镜像源以加速获取资源的速度[^3]。具体做法是在执行创建新项目前加上参数`--template cra-template-preset-env`并设置registry指向阿里云NPM镜像服务: ```bash npm config set registry https://registry.npmmirror.com/ npx create-react-app my-app --template cra-template-preset-env ``` #### 创建新的React应用程序 当一切准备就绪后,只需简单地键入以下命令即可快速搭建起一个新的React工程[^4]: ```bash npx create-react-app my-app ``` 这里使用的是`npx`而非直接调用`create-react-app`,这是因为自`CRA v3.x`以后推荐的方式是利用`npx`临时加载最新版的`create-react-app`进行初始化,从而避免频繁更新全局包带来的麻烦[^5]. #### 启动开发服务器 最后一步就是启动这个刚刚建立好的React应用啦!先进入刚才新建的应用程序根目录下再运行启动命令: ```bash cd my-app npm start ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值