M1 Vue 环境的搭建（含踩坑过程）

真想不出名了

已于 2022-09-03 10:32:27 修改

阅读量936

点赞数 1

文章标签： vue.js npm 前端

于 2022-09-03 10:31:31 首次发布

本文链接：https://blog.csdn.net/m0_58880769/article/details/126674410

版权

运行环境

macOS13 + Apple Silicon

注：本来尝试brew安装会更快的，但很多都报错安装失败，然后这两天重新更新更新了homebrew，再重新安装有关的包都没有报错了，所以还是更建议尝试重装后使用brew install (xxx)

步骤

1 安装 Node.js

Node.js (nodejs.org)

在这里插入图片描述

我这里选择 LTS 版本

在这里插入图片描述

2 安装 Vue CLI

安装 | Vue CLI (vuejs.org)

输入命令 (挂了梯子，所以没有使用国内的镜像源)
```
 sudo npm install -g @vue/cli
```
因为在前面安装过，所以这里会出现报错，根据提示，在Finder中打开路径，删除有关文件，重新输入命令后成功

在这里插入图片描述

查看版本，结果为：zsh: command not found: vue
```
vue --version
```
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AyTlig6c-1662171596124)(/Users/xmx/Library/Application Support/typora-user-images/image-20220829193113414.png)]
历经多种方案尝试后，最终决定重装npm

sudo npm uninstall npm -g
sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*
sudo rm -rf /usr/local/include/node /Users/$USER/.npm
sudo rm /usr/local/bin/node
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/lib/dtrace/node.d

在此基础上建立软连接, (这里很奇怪，在Finder中 “/usr/local/bin” 目录下存在@vue的文件夹，但是ls命令不会显示，于是输入软连接命令 )
```
ln -s /usr/local/lib/node_modules/@vue/cli/bin/vue.js /usr/local/bin/vue
```
参考：(20条消息) mac 下载vue-cli 报错 command not found :Vue_hellozhxyuan的博客-CSDN博客_mac 安装vue-cli报错
检查vue命令
```
vue -V # or vue --version
```

在这里插入图片描述