美文网首页
自定义指令创建

自定义指令创建

作者: 奈何明月照沟渠 | 来源:发表于2023-03-14 09:26 被阅读0次

node原生通过process.argv可以获取到执行的指令

使用commander

npm i commander
// 使用commander提供的program模块可以创建自定义的指令
const {program} = require('commander')
// 新增一条-f 和 --framwork 指令 <framwork>表示行参
program.option('-f --framwork <framwork>','设置框架')
program.parse(process.argv)

//commander内置了--help指令 此时输入mycli --help
Options:
  -f --framwork <framwork>  设置框架
  -h, --help                display help for command
// 创建一个create指令
program
    .command('create <projectName> [other...]') // 指令名称 参数 更多参数定义
    .alias('c') //指令别名
    .description('创建项目') // 指令描述
    .action((name,args)=>{ // 执行后的回调函数
        console.log(name);
        console.log(args);
    })
// 此时运行 mycli create myproject xx xxx
$ mycli create myproject xx xxx
myproject
[ 'xx', 'xxx' ]

// 通过command添加的指令会自动添加到 -help 中
$ mycli -h
Usage: cli [options] [command]

Options:
  -f --framwork <framwork>           设置框架
  -h, --help                         display help for command

Commands:
  create|c <projectName> [other...]  创建项目
  help [command]                     display help for command


相关文章

  • Angular--自定义指令

    创建自定义的指令 除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用.directiv...

  • angular中的自定义指令

    除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用.directive函数来添加自定义...

  • angular笔记三

    angular第三天 1.自定义指令 官方都是以ng-开头的指令,而angular内部可以通过自定义指令来创建属于...

  • vue学习回顾第二天

    自动获取焦点 方式一:dom版 方式二:通过自定义指令获取焦点自定义指令通过Vue.directive()创建,它...

  • angular表单的使用实例

    大纲 1、模板驱动表单的创建2、响应式表单的创建3、模板驱动型表单的自定义指令4、响应式表单的自定义指令5、父组件...

  • Vue 的进阶构造属性

    1. Directive 指令 1.1 用 directive 自定义一个指令 通过文档给出的方法创建一个自定义指...

  • Vapor文档学习十三:Commands

    Vapor自定义控制台指令很轻松。 Example 想要自定义控制台指令必须创建一个新的.swift文件,然后引入...

  • Angular基本指令与语法

    循环指令 选择指令 注意事项 多重分支判断 事件绑定 属性绑定 双向数据绑定 自定义指令 创建组件 使用组件 过滤...

  • el-table的自定义滚动加载指令以及踩到的坑

    创建自定义指令,命名为loadmore directives: { loadmore: { bind(el, bi...

  • AngularJS —— 创建自定义的指令

    除了 AngularJS 内置的指令外,我们还可以创建自定义指令。你可以使用 .directive 函数来添加自定...

网友评论

      本文标题:自定义指令创建

      本文链接:https://www.haomeiwen.com/subject/gwmcrdtx.html