Mac上安装Vue脚手架(CLI)

要在Mac上安装Vue脚手架(CLI),需要遵循以下步骤:

确保Node.js已安装:

打开终端,输入 node -v 来检查是否安装了Node.js。如果输出了版本信息,表示已经安装成功;否则,需要去Node.js官网(https:

odejs.org/)下载并安装最新版本。

全局安装Vue CLI:

在终端中,输入 npm install -g @vue/cli 来全局安装Vue CLI。这将在用户级别安装脚手架工具,使得可以随时使用。

验证安装:

输入 vue --version 来验证Vue CLI是否正确安装。如果输出了版本信息,表明安装成功。

创建新项目:

进入您希望创建项目的目录,然后输入 vue create my-project 来创建一个新的Vue项目。这里的 "my-project" 需要替换为您想要的项目名称。

启动开发服务器:

项目创建后,通过 cd my-project 进入项目目录,接着输入 npm run serve 来启动开发服务器。这样会启动一个本地服务,并在浏览器中展示您的Vue应用。

以上步骤应该可以帮助您在Mac上安装和配置Vue脚手架。如果您使用的是较旧的Vue CLI版本(如2.9.6),可能需要使用 npm uninstall -g vue-cli 来卸载旧版本,然后再使用 npm install -g @vue/cli 安装新的Vue CLI版本。

如果在执行 npm install -g @vue/cli 报错

复制代码
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

只需在 npm install -g @vue/cli 命令前 添加 sudo

相关推荐
To_OC4 小时前
从一头雾水到跑通全流程:我用一个周末啃透了JWT登录鉴权
前端·后端·http
excel5 小时前
研究 Vue 3 源码的收获
前端·vue.js
可乐鸡翅yeah_7 小时前
业务中 M3U8 水印相关坑,硬水印和动态水印区别
前端·网络·数据库·ffmpeg·m3u8在线
lerhxx7 小时前
AI 应用如何高效优雅地恢复中断?—— "连接解耦 + 状态持久化"
前端·javascript
计算机魔术师7 小时前
METR 演示 AI 智能体如何篡改 Inspect 评估记录以掩盖不当行为
前端
前端snow8 小时前
ai agent --- 异步处理之 Rabbit MQ
前端
念何架构之路8 小时前
zap扩展生态与总结
java·前端·数据库
独孤九剑打醒他8 小时前
【原创开源】【概念设计】源 - 栅 - 漏 - 栅 - 源 横向双栅 MOS,低压交流多值逻辑芯片探索
前端·其他·架构·开源·硬件工程
mantou1329 小时前
我给 AI Agent 做了个「油猴」:让 Claude Code / Codex 直接用你已登录的浏览器
前端·javascript·后端
默_笙9 小时前
🍕 一个主编、三个工种、两本手册:搭一支 AI 调研队
前端·javascript