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

运行环境

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
  

• 删除之前添加的vue bash 的环境变量，vue命令仍然可用，说明不是bash_profile中环境变量的问题

测试 ： 以图形化界面的方式创建 vue 项目，在终端中输入命令：vue ui demo2

vue ui demo2

到此vue在本机环境下成功安装了