mac安装vue

Mac上使用Homebrew安装Node.js、Webpack和Vue CLI的详细步骤

最新推荐文章于 2025-10-28 15:21:15 发布

原创最新推荐文章于 2025-10-28 15:21:15 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #macos

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在Mac操作系统中通过Homebrew安装Node.js，接着安装Webpack和Vue CLI的详细过程。在安装Vue CLI时遇到权限问题，解决方案是创建一个.npm-global目录并修改npm配置，确保全局安装的权限。最后，文章演示了如何根据模板创建Vue项目并启动它。

需要提前安装brew，安装方法：mac使用Homebrew安装node

1. 安装node

上面链接已经详细介绍如何安装node，这里一笔带过

brew install nodejs
node -v

在这里插入图片描述

2. 安装webpack

cnpm install webpack -g

在这里插入图片描述

3. 安装vue-cli

npm install vue-cli -g

我这里第一次安装失败了，错误信息Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/vue-cli' -> '/usr/local/lib/node_modules/.vue-cli-uqdgJmD2'，解决方法参考错误：EACCES：权限被拒绝

# 为全局安装创建一个目录
mkdir ~/.npm-global
# 配置 npm 以使用新的目录路径
npm config set prefix '~/.npm-global'
# 编辑~/.profile文件
vim .profile
# 写入以下行然后保存退出
export PATH=~/.npm-global/bin:$PATH
# 生效文件
source ~/.profile
# 重新运行安装命令
npm install vue-cli -g