1.当前前端主流框架

从事前端开发的同学，基本都会遇过vue，react，angular；

React 的特性：

• 1.声明式设计：React采用声明范式，可以轻松描述应用。
• 2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
• 3.灵活：React可以与已知的库或框架很好地配合

Vue 的特性：

• 1.轻量级的框架
• 2.双向数据
• 3.组件化
• 4.易学易上手

Angular 的特性：

• 1.良好的应用程序结构
• 2.双向数据绑定
• 3.指令
• 4.HTML模板

或许你已经是某一或多个框架的老手；所以这里我就不一一展开介绍了；

2.框架开展

• -》选定项目框架后，一般会下载对应框架的脚手架，如：vue-cli、create-react-app；
• --》进行项目初始化 如：init xx
• --》然后进入项目进行相应的页面开发
• ----》通过svn或者git进行代码管理 等……

问题：有没有曾几何时觉得脚手架是个很高大上的东西，好像得牛叉，感觉大神般的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难；

手把手教你写出属于你自己的脚手架，让你半天成为你自己认为的大牛

3.准备工作

• 1.环境安装：确保你的电脑已经安装 nodejs
• 2.简单理解一下流程

我们先来对cli需求分解一下，画个思维导图，看看需要什么功能

用户层面：

需求：输入cli 命令 -> 终端选择 -> 输入基本信息 -> 文件生成

cli脚手架：

需求：接收命令 -> 进行命令获取和验证 -> 输出用户选择的指令 -> 实现指令功能 -> 下载模板（文件拷贝，生成） -> 安装依赖

下面我就开始就一步一步开始介绍如何自定义属于自己的cli脚手架

• 请看第二篇章 下一篇