欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解如何使用Node.js編寫(xiě)命令工具——以vue-cli為例

 更新時(shí)間:2017年06月29日 09:48:16   作者:Young Dreamer  
本篇文章主要介紹了如何使用Node.js編寫(xiě)命令工具——以vue-cli為例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

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詳解

    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-09
  • Windows7系統(tǒng)下如何安裝nodejs16以上版本

    Windows7系統(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版本及在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-02
  • node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能

    node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能

    本文主要介紹了node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • Nodejs 模塊化實(shí)現(xiàn)示例深入探究

    Nodejs 模塊化實(shí)現(xiàn)示例深入探究

    這篇文章主要為大家介紹了Nodejs 模塊化實(shí)現(xiàn)示例深入探究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • nodejs nedb 封裝庫(kù)與使用方法示例

    nodejs nedb 封裝庫(kù)與使用方法示例

    這篇文章主要介紹了nodejs nedb 封裝庫(kù)與使用方法,結(jié)合實(shí)例形式分析了nodejs nedb.js封裝庫(kù)的定義與使用技巧,需要的朋友可以參考下
    2020-02-02
  • node.js中的fs.write方法使用說(shuō)明

    node.js中的fs.write方法使用說(shuō)明

    這篇文章主要介紹了node.js中的fs.write方法使用說(shuō)明,本文介紹了fs.write的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • Node.js之readline模塊的使用詳解

    Node.js之readline模塊的使用詳解

    這篇文章主要介紹了Node.js之readline模塊的使用詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • node.js中的url.resolve方法使用說(shuō)明

    node.js中的url.resolve方法使用說(shuō)明

    這篇文章主要介紹了node.js中的url.resolve方法使用說(shuō)明,本文介紹了url.resolve的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • Node.js使用定時(shí)器的三種方法

    Node.js使用定時(shí)器的三種方法

    在Node.js中使用定時(shí)器是一項(xiàng)常見(jiàn)且重要的任務(wù),本文主要介紹了Node.js使用定時(shí)器的三種方法,包括setTimeout、setInterval和setImmediate等方法,感興趣的可以了解一下
    2024-02-02

最新評(píng)論