vue进阶知识点（4）——vue脚手架介绍与安装

什么是脚手架？

• 通过前三节我们了解到了webpack的基本使用
• 一般情况下，我们不会手写webpack配置，因为自己纯手工配置webpack效率很低
• 甚至写的配置内容也不是很好的
• 在开发大型项目的时候会考虑很多因素，首先就需要配置webpack和文件目录结构
• 如果每个项目都手动配置，就十分的麻烦
• 通常我们会使用脚手架来自动生成webpack配置和目录结构
• 使用脚手架，通过命令行内输入的命令就可以帮助我们配置好相关配置

使用脚手架的前提

• 脚手架依赖node，因为webpack依赖node，而脚手架会生成webpack配置

脚手架也需要安装吗？

• 脚手架也是一个工具，我们要想使用这个工具也需要安装
• 脚手架3安装法：npm install -g @vue/cli
• 脚手架3创建项目：vue create 项目名称
• 如果想使用脚手架2创建项目，需要拉一个2版本的模板：npm install @vue/cli-init -g
• 这样就既可以用脚手架2也可以用脚手架3了
• 脚手架2创建项目：vue init webpack 项目名称