📜  如何安装 vue cli - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:09:05.112000             🧑  作者: Mango

如何安装 vue cli

Vue CLI 是官方提供的一个基于 Vue.js 进行快速开发的完整系统。它提供了搭建快速项目骨架、代码生成、自动代码检测、自动构建、自动测试等众多开发工具,可以让我们专注于业务逻辑的实现。

接下来,让我们一起来看看如何安装 Vue CLI。

安装 Node.js

Vue CLI 是基于 Node.js 运行的,所以我们首先需要安装 Node.js。

Mac 和 Linux 用户

Mac 和 Linux 用户可以使用包管理工具来安装 Node.js。简单起见,这里只介绍 macOS 上的 Homebrew 和 Ubuntu 上的 apt-get,其他操作系统的安装方式可以参考官方文档。

Homebrew

在 macOS 上,我们可以使用 Homebrew 来安装 Node.js:

brew install node

apt-get

在 Ubuntu 上,我们可以使用 apt-get 来安装 Node.js:

sudo apt-get update
sudo apt-get install nodejs
Windows 用户

Windows 用户可以下载 Node.js 安装包来进行安装,官方网站上有对应的下载链接。

下载链接:https://nodejs.org/en/download/

安装 Vue CLI

安装 Node.js 后,我们就可以使用 npm 包管理工具来安装 Vue CLI 了。打开终端,执行下面的命令:

npm install -g @vue/cli

其中 -g 表示全局安装,@vue/cli 是 Vue CLI 官方包的名称。

等待安装完成后,我们可以通过下面的命令来检查是否安装成功:

vue --version

如果正确输出了版本号,表示安装成功。

总结

到这里,我们已经学会了如何安装 Vue CLI,接下来就可以开心的使用 Vue CLI 来快速搭建和开发项目了,祝好运!