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

相关推荐
登山人在路上4 分钟前
Vuex构建可维护的 Vue.js 状态管理
vue.js
登山人在路上11 分钟前
Pinia :下一代 Vue 状态管理
vue.js
江下枫17 分钟前
macOS 内置反恶意软件三板斧
macos
POLITE322 分钟前
Leetcode 238.除了自身以外数组的乘积 JavaScript (Day 7)
前端·javascript·leetcode
光影少年27 分钟前
AI前端开发需要会哪些及未来发展?
前端·人工智能·前端框架
Vincent_Vang38 分钟前
多态 、抽象类、抽象类和具体类的区别、抽象方法和具体方法的区别 以及 重载和重写的相同和不同之处
java·开发语言·前端·ide
菩提小狗40 分钟前
小迪安全_第4天:基础入门-30余种加密编码进制&Web&数据库&系统&代码&参数值|小迪安全笔记|网络安全|
前端·网络·数据库·笔记·安全·web安全
闲蛋小超人笑嘻嘻42 分钟前
非父子通信: provide和inject
前端·javascript·vue.js
昵称已被吞噬~‘(*@﹏@*)’~1 小时前
【强化学习】MacOS (M1芯片)上最新版本 MuJoCo 通用安装教程(最简洁),PS:不是 mujoco_py 的老版本
python·macos·机器学习·强化学习·mujoco
止观止1 小时前
不止解构:深入掌握 ES6+ 对象与函数的高级语法糖
前端·javascript·es6