脚手架开发流程详解

  • 创立npm我的项目 npm init -y
  • 创立脚手架入口文件，最上方增加：
    #!/usr/bin/env node
  • 配置package.json,增加bin属性
  • 编写脚手架代码

  • 将脚手架公布到npm上

    应用流程

  • 装置脚手架
    npm install -g your-own-cli

    脚手架开发难点解析

  • 分包：将简单的零碎拆分成若干个模块

  • 命令注册：

     vue vreate vue add vue invoke

  • 参数解析：
    vue command [options] <params>

    • options全称：--version，--help
    • options简写： -V，-h
    • 带params的options： --path /Users/jianjun/Desktop/vue-test

    • 帮忙文档

      • global help

        • Usage
        • Options
        • Commands

      • command help

        • Usage
        • Options

    其余一些难点

  • 命令行进行交互
  • 日志打印
  • 命令行文字变色
  • 网络通信： http/websocket
  • 文件解决

  • 。。。。

    脚手架本地link规范流程

    链接到本地脚手架

    cd you-cli-dirnpm link

    链接本地库文件：

    cd your-lib-dirnpm linkcd your-cli-dirnpm link your-lib

    勾销链接本地库文件

    cd your-lin-dirnpm unlinkcd your-cli-dir# link存在npm unlink your-lib# link不存在rm -rf node_modulesnpm install
    了解npm link
  • npm link your-lib;将以后我的项目中的node_modules下指定的库文件链接到node全局node_modules下的库文件

  • npm link：将以后我的项目链接到node全局node_modules中作为一个库文件吗，并解析bin配置创立可执行的文件

    了解npm unlink
  • npm unlink: 将以后我的项目从node全局node_modules中移除
  • npm unlink your-lib：将以后我的项目中的库文件依赖移除