脚手架简介

其实脚手架的实质就是一个操作系统上的客户端。它通过命令行来执行,下面我们用一个常见的例子来举例:

  1. vue create project

上面这条看似简单常见的命令实际上由3个部分组成:
主命令:vue
command:create
create:command 的 param,表示创建一个 vue 项目,项目的名字叫 project。


脚手架执行原理

脚手架执行原理如下
image.png

  • 在终端输入vue create project
  • 终端解析出 vue
  • 在环境变量中找到vue命令
  • 终端根据vue命令链接到实际文件vue.js
  • 终端利用node执行vue.js
  • vue.js解析command或者param
  • vue.js执行command
  • 执行完毕,退出执行


    从应用的角度看 如何开发一个脚手架

  1. 新建一个文件夹(项目)使用npm进行初始化,打开package.json 配置bin字段,创建一个命令,指向bin/index.js;
  2. 将这个项目发布到npm;
  3. 全局安装这个脚手架;
  4. 使用第一步中bin字段中配置的命令来使用脚手架即可。

脚手架开发流程详解

开发流程

  1. 创建项目,使用npm初始化这个项目;
  2. 创建脚手架入口文件,第一行写如下代码:#!/usr/bin/env node
  3. 配置package.json文件,添加bin属性
  4. 编写脚手架代码;
  5. 将脚手架发布到npm

使用流程

  1. 安装脚手架:npm install -g imooc-test-erdan
  2. 使用脚手架:imooc-test-erdan / imooc-test-erdan -h