vuejs学习与总结——vue CLI

概述

如果我们只是简单的写一些demo程序，是不需要用到 vue CLI；但是如果在开发大型项目，考虑代码的目录结构，项目结构和部署等，我们是必须使用一些脚手架的。在前面几节中，只要学习了webpack的配置，每个项目都需要手动的去配置，这样的效率无疑非常低，所以我们通常会用一些脚手架工具来帮助完成这些事情。

CLI释义

• CLI是Command Interface ,翻译为命令行界面，但是俗称为脚手架
• vue CLI是一个官方发布的vuejs项目脚手架
• 使用 vue-cli可以快捷搭建Vue开发环境以及对应的wenpack配置

vueCLI 使用前提

• 1.安装Nodejs
• 可以直接在官网下载安装
• 网址为：nodejs安装网址
• 检测安装的版本
  • 默认环境下自动安装Node 和NPM
    
• Node 环境要求8.9以上或者更高版本

npm的含义
npm的全称是Node Package Manager。是一个Nodejs包管理分发工具，已经成为非官方的发布的Node 模块的标准
2.webpack
vue.js的官方脚手架就具有了使用webpack模板
对所有的资源会压缩等优化操作
他在开发过程中提供了一套完整的功能，能够是我们开发过程中变得高效。之前我们已经介绍了对webpack的安装.

vue CLI的使用

• 安装Vue脚手架

• npm install -g @vue/cli，通过此命令安装的是最新的版本，我自己安装的4.3.1

• 

• 等待安装完成后，我们可以通过vue-version命令来查看是否安装成功。如果显示出版本好，即表示安装成功。