day5.vue-cli

1. Vue-cli的安装

   vue-cli是一个脚手架，它集成了诸多前端技术，包括但不限于：

   • webpack
   • babel
   • eslint
   • http-proxy-middleware
   • typescript
   • css pre-prosessor
   • css module
   • …等等

   这些工具，大部分都要依赖两个东西：

   • node运行环境
   • npm:包管理器，用于下载各种第三方库

   注：目前npm已和node集成，安装好Node后，会自动安装npm

2. 安装Node

   1. 下载node

      Node.js 中文网 (nodejs.cn)

   2. 验证安装

      打开终端，查看node和npm 版本，验证是否安装成功：

      node -v
      npm -v
      

   3. 配置源文件

      默认情况下，npm安装包会从国外的地址下载，速度很慢，还容易导致失败，因此需要先配置npm的源地址：

      npm config set registry http://registry.npm.taobao.org/
      

      运行命令行之后，查询是否源地址被更改：

      npm config get registry
      

   注：可以使用nrm命令快速进行，地址源切换：

   #通过npm 包管理器，将nrm安装为全局可用的工具
   npm install nrm -g
   #查看所有可用的镜像源
   nrm ls
   #将下包的镜像源切换为taobao镜像
   nrm use taobao
   

3. 安装vue-cli

   使用下面的命令安装vue-cli工具

   npm install -g @vue/cli
   

   安装好之后，检查vue-cli是否安装成功

   vue --version