詳解如何使用Node.js編寫(xiě)命令工具——以vue-cli為例
vue-cli全局安裝之后,提供了vue命令和vue init、vue list、vue build三個(gè)子命令,通過(guò)命令可以搭建基于vue.js的腳手架項(xiàng)目。本文簡(jiǎn)單介紹一下這些命令是如何實(shí)現(xiàn)的。
vue-cli的項(xiàng)目目錄
如下圖,由之前文章介紹,npm安裝過(guò)程中,可以利用package.json中bin字段的配置,將bin目錄下的命令文件軟連到全局命令。也就是說(shuō)在/usr/local/bin下生成了四個(gè)軟連命令:vue、vue-build、vue-list、vue-init。
vue命令的源碼
#!/usr/bin/env node require('commander') .version(require('../package').version) .usage('<command> [options]') .command('init', 'generate a new project from a template') .command('list', 'list available official templates') .command('build', 'prototype a new project') .parse(process.argv)
該命令采用commander.js來(lái)實(shí)現(xiàn)。commander的主要方法:
(1)parse:用于解析process.argv,將process.argv.slice(2)賦值給program.args;
(2)command:創(chuàng)建子命令,子命令的使用方法是command <subcommand> [options],實(shí)際調(diào)用的命令是command-subcommand,如使用命令行執(zhí)行vue list,其實(shí)是在執(zhí)行vue-list全局命令;
(3)options:主要設(shè)置命令的參數(shù),同時(shí)提供參數(shù)對(duì)應(yīng)的說(shuō)明文檔,默認(rèn)提供的option是--help。
vue-init子命令的實(shí)現(xiàn)
vue-init的主要功能是拉取指定git目錄下的項(xiàng)目模板文件(官方或自制)到指定目錄下,用法如下
$ vue init <template-name> <project-name>
這里仍需要解析process.argv,所以在vue-init中又引入了commander.js,生成了一個(gè)program
program .usage('<template-name> [project-name]') .option('--offline', 'use cached template') /** * Help. */ function help () { program.parse(process.argv) if (program.args.length < 1) return program.help() } help()
接下來(lái)就是要實(shí)現(xiàn)拉取模板文件,經(jīng)處理后,放置到產(chǎn)出目錄下,具體如何實(shí)現(xiàn)的,接下來(lái)會(huì)有專門(mén)的文章介紹vue-cli命令的實(shí)現(xiàn)原理,敬請(qǐng)期待!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Node.js學(xué)習(xí)之查詢字符串解析querystring詳解
這篇文章主要給大家介紹了關(guān)于Node.js查詢字符串解析querystring的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用node.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-09-09Windows7系統(tǒng)下如何安裝nodejs16以上版本
這篇文章主要給大家介紹了關(guān)于Windows7系統(tǒng)下如何安裝nodejs16以上版本的相關(guān)資料,很多時(shí)候node.js的版本存在兼容,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07利用n 升級(jí)工具升級(jí)Node.js版本及在mac環(huán)境下的坑
這篇文章主要介紹了利用n 升級(jí)工具升級(jí)Node.js的方法,以及通過(guò)網(wǎng)友的測(cè)試發(fā)現(xiàn)在mac環(huán)境下利用n工具升級(jí)不成功導(dǎo)致node.js不可用的解決方法,有需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-02-02node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能
本文主要介紹了node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01node.js中的url.resolve方法使用說(shuō)明
這篇文章主要介紹了node.js中的url.resolve方法使用說(shuō)明,本文介紹了url.resolve的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12