Vue学习 之 MacOS 安装 vue-cli

Vue学习 之 MacOS 安装 vue-cli

vue-cli 简介

vue-cli(Vue Command Line Interface)是Vue.js官方提供的一个脚手架工具,它提供了一些命令,可以帮助我们创建基于Vue.js的项目模板,快速开发Vue.js单页面应用(SPA)。使用vue-cli可以配置构建工具、插件、路由、状态管理等等,可以大大提升开发效率,减少重复操作。

vue-cli 安装

vue-cli 的安装需要先安装 Node.js 和 npm,建议先安装好 Node.js 和 npm 后再进行下面的安装步骤。

在命令行窗口中输入以下命令可以全局安装 vue-cli:

sudo npm install -g vue-cli

回车后需输入密码。

安装完成后可以通过以下命令验证是否安装成功:

vue -V

如果正确显示版本号,则说明安装成功。

完整步骤如下:

➜  ~ sudo npm install -g vue-cli
Password:
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated consolidate@0.14.5: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

added 234 packages in 15s

11 packages are looking for funding
  run `npm fund` for details
➜  ~ vue -V
2.9.6
➜  ~ 

注意安装时需要使用 sudo npm install -g vue-cli 命令,使用其他命令可能会报权限错误的问题。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
根据您提供的引用内容,看起来您在执行`vue-cli-service serve --open`命令时遇到了问题。这个命令通常用于在开发模式下启动 Vue.js 项目并打开浏览器。错误提示表明该命令无法被识别为内部或外部命令。 根据提供的引用内容,有两种可能的原因导致该错误: 1. 您没有全局安装 Vue CLI。请确保您已经按照官方文档的指引正确安装Vue CLI。您可以通过在命令行中运行`npm install -g @vue/cli`来全局安装 Vue CLI。 2. 您已经安装Vue CLI,但是`vue-cli-service`命令仍然无法被识别。这可能是因为您的系统环境变量没有正确配置。请尝试在命令行中运行`vue-cli-service serve --open`的完整路径,例如`/usr/local/bin/vue-cli-service serve --open`,看看是否可以正常运行。 以下是两种可能的解决方法: 1. 如果您没有全局安装 Vue CLI,请按照官方文档的指引正确安装 Vue CLI。 2. 如果您已经安装Vue CLI,但是`vue-cli-service`命令仍然无法被识别,请尝试在命令行中运行`npm bin -g`命令,查看全局`node_modules`目录的路径。然后将该路径添加到系统环境变量中。在 Windows 系统中,您可以通过在“控制面板”中搜索“环境变量”来打开“环境变量”对话框。在“系统变量”中找到“Path”变量,然后将全局`node_modules`目录的路径添加到该变量的值中。在 Linux 或 macOS 系统中,您可以编辑`~/.bashrc`或`~/.bash_profile`文件,并将以下行添加到文件末尾: ```shell export PATH="$PATH:/path/to/global/node_modules/.bin" ``` 请注意,上述命令中的`/path/to/global/node_modules/.bin`应替换为您的全局`node_modules`目录的实际路径。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Morris_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值