入职必会-开发环境搭建30-Vue-cli环境下载和安装

Vue-cli介绍

Vue CLI（Vue Command Line Interface）是一个官方发布的用于快速搭建基于 Vue.js 开发环境的工具。它可以帮助开发者快速搭建 Vue 项目、进行项目配置、构建等操作，让开发过程更加高效。

下面是 Vue CLI 的一些特性：

1. 快速创建新项目：通过 Vue CLI 可以快速创建一个新的 Vue 项目，而无需手动配置整个项目结构。
2. 项目配置：Vue CLI 提供了简单的配置选项，可以根据项目需求进行自定义配置。
3. 插件系统：Vue CLI 支持插件系统，开发者可以通过插件扩展 Vue 项目的功能，例如添加 TypeScript 支持、添加 PWA 支持等。
4. 构建项目：Vue CLI 提供了方便的命令来构建生产环境所需的文件，以便部署到服务器上。

总的来说，Vue CLI 是一个强大的工具，可以帮助开发者快速启动和管理 Vue 项目，提高开发效率。如果你想开始使用 Vue.js 进行开发，Vue CLI 绝对是一个很好的选择。

Vue-cli在线安装

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm install -g @vue/cli

这个过程中，会联网下载，根据网络大约耗费几分到几十分钟，耐心等待。

具体操作如下图：

查看vue的版本，在命令行中，执行如下指令：

vue --version

效果如下图：

Vue-cli离线安装

有可能因为网络原因无法进行在线安装，为了大家方便，我已经把Vue-cli离线安装包上传到网盘了，效果如下图：

Vue-cli离线安装步骤：

1. 解压Vue-cli离线安装包
2. 把离线安装包中的所有内容复制到NodeJS全局安装目录中

具体操作：

解压Vue-cli离线安装包，效果如下图：

把离线安装包中的所有内容复制到NodeJS全局安装目录中，效果如下图：

等待复制完成，复制完成后效果如下图：

复制完成后，查看vue的版本，在命令行中，执行如下指令：

vue --version

效果如下图：