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

相关推荐
elangyipi12318 小时前
前端面试题:如何减少页面重绘跟重排
前端·面试·html
张飞签名上架18 小时前
深耕全球市场:App上架iOS与Google Play全流程指南
macos·ios·cocoa·ios上架·上架·谷歌上架
码界奇点18 小时前
基于Spring Boot和Vue.js的视频点播管理系统设计与实现
java·vue.js·spring boot·后端·spring·毕业设计·源代码管理
想学后端的前端工程师18 小时前
【前端安全防护实战指南:从XSS到CSRF全面防御】
前端·安全·xss
czlczl2002092518 小时前
基于 Spring Boot 权限管理 RBAC 模型
前端·javascript·spring boot
未来之窗软件服务18 小时前
幽冥大陆(六十七) PHP5.x SSL 文字加密—东方仙盟古法结界
服务器·前端·ssl·仙盟创梦ide·东方仙盟
小北方城市网18 小时前
第 10 课:Node.js 后端企业级进阶 —— 任务管理系统后端优化与功能增强(续)
大数据·前端·vue.js·ai·性能优化·node.js
华仔啊18 小时前
JavaScript 有哪些数据类型?它们在内存里是怎么存的?
前端·javascript
我有一棵树18 小时前
淘宝 npm 镜像与 CDN 加速链路解析:不只是 Registry,更是分层静态加速架构
前端·架构·npm
zhousenshan18 小时前
vue3基础知识100问
前端·vue.js