第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

Node 101 之 commander:前端命令行工具必選利器

標(biāo)簽:
前端工具

当我们使用前端脚手架工具,比如在命令行中输入 vue init webpack project-name,就会进入安装流程。这个命令是怎么定义的?背后是怎么运行起来的?

无论是 vue-cli,还是 create-react-app,都是用 node 写的,而打造命令行工具,一定会用到 commander。commander 的核心功能是解析命令行参数,并提供了一系列简便的 api。
图片描述

上面展示了 commander 的基本功能。不过我们希望实现 vue init 这样的命令,那么如何实现自定义命令呢?需要做三件事情:

1、创建一个 node 包( npm init ),然后定义 package.json 中的 bin 字段:

"bin": {
    "hello": "./cli.js"
}

我们通过上述方式定义了 hello 命令,不过这时还不能直接在命令行中运行此命令,我们需要为它创建关联到全局环境的软连接(symlink)
2、有两种方式皆创建 symlink,在项目根目录下运行:
sudo npm linksudo npm install . -g
3、在 cli.js 第一行添加 #!/usr/bin/env node,如果不加,系统就不知道要用 node 来运行此文件
图片描述目前我们有了一个 hello 命令,但功能十分单薄,​如何在 hello 之下定义更多的命令(sub command)以及相应的操作呢?我们可以用 command 和 action。
图片描述上图中 [name] 定义的是可选参数,而 <name> 定义的是必填参数,传参的形式有多种,如图所示。

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消