脚手架

简介

脚手架（Scaffolding）是指通过自动化方式快速生成项目框架、代码结构、工具配置等一系列目录结构和常见代码的工具。

程序员在开发过程中，往往需要重复地创建项目结构、安装依赖、配置 webpack 等，这样就会导致浪费大量时间，同时可能也会引入一些错误和不规范的代码。

而脚手架则可以简化这一过程，提高开发效率、降低出错率。

脚手架种类

目前主流的脚手架有：

• Vue CLI

• Create React App

• Angular CLI

• Yeoman

脚手架的优点

使用脚手架具有以下几点优点：

• 快速创建项目

• 快速配置开发环境

• 解决了一些最佳实践的实现问题

• 减少了代码量

• 保证了项目代码的统一性

脚手架的使用

以 Vue CLI 为例，创建一个 Vue.js 项目非常简单

1. 全局安装 Vue CLI

   npm install -g @vue/cli
   // OR
   yarn global add @vue/cli

2. 创建一个项目

   vue create my-project

3. 启动开发服务器

   cd my-project
   npm run serve
   // OR
   yarn serve

运行上面的代码，便可以快速创建出一个 Vue.js 项目。接下来，只需要进入项目目录，运行开发服务器，就可以愉快地开始编写代码了！

参考链接

• Vue CLI

• Create React App

• Angular CLI

• Yeoman

• Scaffolding