mac安装vue

最新推荐文章于 2024-06-18 17:49:57 发布

乐温

最新推荐文章于 2024-06-18 17:49:57 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js macos

本文链接：https://blog.youkuaiyun.com/zhengrong9/article/details/128015645

vue 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要提前安装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