Vue CLI脚手架（基本认识与安装）

前言：在开发大型项目时，必然需要使用Vue CLI。 1.使用vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 2.如果每个项目都手动完成这些工作，效率太低，所以通常会使用一些脚手架工具来帮助完成。

CLI是什么？ 1.CLI是Command-Line Interface,翻译为命令行界面，俗称脚手架 2.Vue CLI是官方发布的vue.js项目脚手架 3.使用vue-cli可以快速搭建vue开发环境及对应的webpack配置

Vue CLI使用的前提-node 1.安装nodejs：http://nodejs.cn/download/ 2.检测安装的版本：node -v

Vue CLI使用的前提-webpack 1.webpack的全局安装：npm install webpack -g 注：vue.js官方脚手架工具就使用了webpack模板 1）对所有的资源会压缩等优化操作 2）在开发过程中提供了一套完整的功能，能够使得我们在开发过程中变得高效

什么是npm？ 1.npm全称：Node Package Manager 2.是一个nodejs包管理和分发工具，现已成为非官方的发布node模块（包）的标准 3.会经常使用npm来安装开发过程中依赖的包

Vue CLI的使用 1.安装Vue脚手架(Vue CLI3的版本)：npm install -g @vue/cli 1.1检查是否安装正确：vue --version 1.2若安装失败，则进入错误提示：“npm ERR! File exists: C:UsersxzAppDataRoaming pmvue.cmd”中的文件地址，把带有vue的文件全删除，重新安装即可。 2.如果仍需使用旧版本的vue init功能，可以全局安装一个桥接工具（拉取2.x模板，即旧版本）：npm install @vue/cli-init -g 3.vue CLI2初始化项目：vue init webpack 项目名称(用英文) （最后，根据需求选择信息） 3.vue CLI3初始化项目：vue create 项目名称(用英文)