Vue-cli脚手架

webpack自己配置环境很麻烦, 下载vue-cli包,用vue命令创建脚手架项目

1. 什么是Vue-cli脚手架

vue-cli是vue官方提供的一个全局模块包(带命令工具行的), 开箱即用, webpack零配置, 此包用于创建脚手架工程

脚手架是为了保证各施工过程顺利进行而搭设的工作平台

• 脚手架工程就是一套固定的文件夹+文件+配置的工程, 我们在此基础上开发业务
• 在开发过程中，脚手架工具是有用的，开发完成（项目上线生产环境），它就没有用了

2. vue-cli的好处和能力

• 统一的项目结构(文件夹+文件+配置代码)
• 开发过程中的webpack各系列支持
  • babel支持
  • eslint约束语法风格（代码风格）
  • 样式预处理器less
  • vue单文件支持
• 提供一个开发时服务器，打包并预览项目代码
  • 热更新 (实时打包变化代码)
  • 本地服务器环境
• 基于nodejs的命令行工具

3. vue-cli 安装

把@vue/cli模块包安装到全局, 电脑拥有vue命令, 才能创建脚手架工程

• 全局安装命令

yarn global add @vue