2024 年最新安装MAC-vue教学包括常见错误

花了一上午时间终于将 vue 的工程文件安装好了，本教材是傻瓜式操作，按着教程一步一步操作最后就可以看到页面了。

安装Node

1.在线地址： https://nodejs.org/en
2、点击 Download Node.js下载即可，下载完成后，傻瓜式的 next 下一步即可安装完毕。

3、验证安装与否：在终端输入 node -v，有版本号返回说明安装成功。

MacBook-Air ~ % node -v （输入这一个命令）
v20.14.0  （返回的Node版本号）
MacBook-Air ~ % 

安装Vue CLI 脚手架

1、终端输入：sudo npm install -g @vue/cli （使用管理员权限去安装这个脚手架 ｜｜ 安装node以后会自动就有npm,而且mac不需要自己配置环境变量哦,解压安装后进行傻瓜式下一步就可以咯）。

一定要使用这句话，因为这个安装的是 vue3，版本是最新的不会出错！！！！
一定要使用这句话，因为这个安装的是 vue3，版本是最新的不会出错！！！！
一定要使用这句话，因为这个安装的是 vue3，版本是最新的不会出错！！！！

创建vue 工程文件

1、在终端输入：vue create projectVUe

有人会在这里出现错误error 保错，解决方法在这里：如何解决MACos安装 vue 权限不足问题
2、默认选择第一个回车即可。

3、等待自动安装下载依赖，waiting…
4、安装好了这么多文件，有提示的。

5、看到这段话说明初始化成功。然后输入下面的命令：
cd firstprojectvue 然后回车 继续输入 npm run serve即可运行。
6、选择任意一个地址均可以运行。

结果