前端工程化，VUE-CLI的安装

介绍: Vue-cli 是Vue官方提供的一个脚手架，用于快速生成一个 Vue 的项目模板。

• Vue-cli提供了如下功能:
• 统一的目录结构
• 本地调试
• 热部署
• 单元测试
• 集成打包上线

1.环境准备-安装NodeJs

(1)下载NodeJs安装包

Vue CLI的运行依赖于Node.js环境，因为它需要使用到NPM来安装和管理项目所需的各种依赖。

下载地址: Node.js — Run JavaScript Everywhere (nodejs.org) 

建议下载LTS版本，LTS版本是长期维护版本 

（2）安装NodeJs

一直Next，然后在此页面点击接受协议

选择一个没有中文的路径安装，要记住这个安装的路径，后面要用，默认路径是

C:\Program Files\nodejs\

之后一直点击Next就行了，最后在这个页面点击install进行安装

按win+r，输入cmd，点击确定。

在控制台输入

node -v

如下图显示安装的版本即安装成功

(3)配置npm的全局安装路径

按win+r，输入cmd，点击确定。

在控制台输入（注意，这里双引号里面的是你的NodeJs的安装路径，下面提供的是默认安装路径）

npm config set prefix "C:\Program Files\nodejs"

设置成功后进行验证，在控制台输入

npm config get prefix

进行验证

 成功则返回NodeJs的安装路径

(4)切换npm的淘宝镜像

在控制台输入

npm config set registry https://registry.npmmirror.com

切换到淘宝镜像

然后输入

npm config get registry

进行验证

成功显示

2.安装vue-cli

在控制台输入

npm install -g @vue/cli

进行安装

安装完成后输入

vue --version

进行验证

成功则显示下图