vue脚手架----vue cli

脚手架工具的作用：

帮助完成项目的代码目录结构，项目结构和部署，热加载，代码单元测试等功能。

vue cli俗称vue项目脚手架，可以快速搭建vue开发环境以及对应的webpack配置。所以使用vue cli需要先安装node(因为webpack的使用需要先安装node，然后才能使用npm—npm为node自带的)

之前的js必须依赖于浏览器才可以运行，后来出现了node，node为js提供了一个运行环境。
所以直接使用node + js文件的命令，就可以运行js文件
比如在终端输入：node test.js 就可以运行test.js文件

vue cli使用前提–vue cli安装：

1. 安装node：
   直接在官网下载安装：http://nodejs.cn/download/

2. 检测安装的node版本：
   node环境要求版本 >= 8.9

3. 什么是NPM？node package manager
   npm是一个nodejs包管理和分发工具，已经成为非官方的发布node模块的标准

国内直接使用npm的官方镜像非常慢，所以推荐使用淘宝npm镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org

一般org网址都是非营利性的。com结尾的网址是营利性的

安装vue cli3版本，既可以使用3版本，也可以使用2版本。所以直接安装3版本cli就好了。

npm install -g @vue/cli   安装vue cli3
cli3版本下创建vue项目：
vue create projectname

如果按照3版本后想要使用2.x旧版本。可以通过命令直接拉取旧版本
npm install -g @vue/cli-init
cli2版本下创建vue项目：
vue init webpack projectname

vue cli2安装vue项目的过程：

vue init webpack projectname

vue cli3安装vue项目的过程：