• 脚手架开发流程详解

    开发流程

    • 创建npm项目
    • 创建脚手架入口文件，最上方添加
    #!/usr/bin/env/ node

    • 1
    • 配置package.json，添加bin属性
    • 编写脚手架代码
    • 将脚手架发布到npm

    使用流程

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

    • 1
    • 使用脚手架
    your-own-cli

    • 1

    脚手架开发难点解析

    • 分包：将复杂的系统拆分成若干个模块
    • 命令注册：
    vue create
vue add
vue invoke

    • 1
    • 2
    • 3
    • 参数解析
    vue command [options] 

    • 1

    • options全称：–version、–help

    • options简写：-V、-h

    • 带params的options: --path /Users/sam/Desktop/vue-test

    • 帮助文档：
      global help:
      Usage
      Options
      Commands
      示例：vue 的帮助信息

    Options:
  -V, --version                              output the version number
  -h, --help                                 display help for command

Commands:
  create [options]                 create a new project powered by vue-cli-service
  add [options]  [pluginOptions]     install a plugin and invoke its generator in an already created project
  invoke [options]  [pluginOptions]  invoke the generator of a plugin in an already created project
  inspect [options] [paths...]               inspect the webpack config in a project with vue-cli-service
  serve                                      alias of "npm run serve" in the current project
  build                                      alias of "npm run build" in the current project
  ui [options]                               start and open the vue-cli ui
  init [options]