摘要:這篇文章主要介紹了使用打造自己的命令行工具方法教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧一實(shí)現(xiàn)一個(gè)簡(jiǎn)單的功能二環(huán)境系統(tǒng)編輯器版本三開(kāi)始玩打開(kāi)命令行新建一個(gè)這時(shí)看到一個(gè)新的生成了使用編輯器打開(kāi)修改新增一個(gè)
這篇文章主要介紹了使用node打造自己的命令行工具方法教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
一、實(shí)現(xiàn)一個(gè)簡(jiǎn)單的功能
image
二、環(huán)境
1.系統(tǒng): window 10
2.編輯器: vscode
3.node版本: 8.7.0
三、開(kāi)始玩
1.打開(kāi)命令行,新建一個(gè)pa"ckage.json
npm init
這時(shí)看到一個(gè)新的package.json生成了,使用編輯器打開(kāi)
2.修改package.json,新增一個(gè)bin屬性
`{` `"name"``:` `"my-cli"``,` `"version"``:` `"1.0.0"``,` `"description"``:` `""``,` `"main"``:` `"index.js"``,` `"bin"``: {` `// 增加bin屬性` `"auto"``:` `"./bin/cli.js"` `// 左邊的crp是定義的命令行的名字,可以自己隨便取, 右邊是命令行輸入 crp 時(shí)會(huì)執(zhí)行的文件(一定要在bin文件夾下)` `},` `"scripts"``: {` `},` `"keywords"``: [],` `"author"``:` `""``,` `"license"``:` `"ISC"` `}`
3.新建一個(gè)cli.js在當(dāng)前的目錄下, 簡(jiǎn)單修改
console.log("hello world")
4.然后轉(zhuǎn)到命令行, 輸入
npm link
5 查看一下效果
image
正確打印出hello world就是成功了
6.實(shí)現(xiàn)預(yù)覽的效果
原理就是執(zhí)行cli.js的時(shí)候,會(huì)讀取自己設(shè)定好的模板,然后在當(dāng)前的目錄下生成一個(gè)文件,
寫入模板的內(nèi)容,簡(jiǎn)單的代碼如下
`#! /usr/bin/env node` `const fs = require(``"fs"``)` `const exec = require(``"child_process"``).exec` `var` `args = process.argv.slice(2)` `// 可以通過(guò)process.argv這里獲得你輸入的參數(shù)` `//讀取內(nèi)容(在當(dāng)前的目錄下新建template文件夾和加入一個(gè)template.vue的模板)` `var` `content = fs.readFileSync(``"./template/template.vue"``)` `//生成內(nèi)容` `fs.writeFileSync(args[0], content)` `// 使用vscode打開(kāi)` `exec(``"code "` `+ args[0])`
然后放開(kāi)你的腦洞, 你就能組合出許多你自己喜歡的命令來(lái)享受你的工具了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助.
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/108647.html
摘要:這篇文章主要介紹了使用打造自己的命令行工具方法教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧一實(shí)現(xiàn)一個(gè)簡(jiǎn)單的功能二環(huán)境系統(tǒng)編輯器版本三開(kāi)始玩打開(kāi)命令行新建一個(gè)這時(shí)看到一個(gè)新的生成了使用編輯器打開(kāi)修改新增一個(gè) 這篇文章主要介紹了使用node打造自己的命令行工具方法教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧 一、實(shí)現(xiàn)一...
摘要:自阮大神的文章發(fā)布以來(lái),有了一些改動(dòng),添加有很多有用的功能,特別是這個(gè)功能,對(duì)打造命令行工具集合非常有用,所以寫一個(gè)新版本的教程還是有必要的。 前言 使用命令行程序?qū)Τ绦騿T來(lái)說(shuō)很常見(jiàn),就算是前端工程師或者開(kāi)發(fā)gui的,也需要使用命令行來(lái)編譯程序或者打包程序 熟練使用命令行工具能極大的提高開(kāi)發(fā)效率,linux自帶的命令行工具都非常的有用,但是這些工具都是按照通用需求開(kāi)發(fā)出來(lái)的,如果有一些...
摘要:第一節(jié)課程概述本課程面向初學(xué)者,內(nèi)容涵蓋以太坊開(kāi)發(fā)相關(guān)的基本概念,并將手把手地教大家如何構(gòu)建一個(gè)基于以太坊的完整去中心化應(yīng)用區(qū)塊鏈投票系統(tǒng)。第七節(jié)以太坊世界計(jì)算機(jī)以太坊是一種區(qū)塊鏈的實(shí)現(xiàn)。交易數(shù)據(jù)以太坊中每筆交易都存儲(chǔ)在區(qū)塊鏈上。 第一節(jié) 課程概述 本課程面向初學(xué)者,內(nèi)容涵蓋以太坊開(kāi)發(fā)相關(guān)的基本概念,并將手把手地教大家如何構(gòu)建一個(gè) 基于以太坊的完整去中心化應(yīng)用 —— 區(qū)塊鏈投票系統(tǒng)。 ...
摘要:第一節(jié)課程概述本課程面向初學(xué)者,內(nèi)容涵蓋以太坊開(kāi)發(fā)相關(guān)的基本概念,并將手把手地教大家如何構(gòu)建一個(gè)基于以太坊的完整去中心化應(yīng)用區(qū)塊鏈投票系統(tǒng)。第七節(jié)以太坊世界計(jì)算機(jī)以太坊是一種區(qū)塊鏈的實(shí)現(xiàn)。交易數(shù)據(jù)以太坊中每筆交易都存儲(chǔ)在區(qū)塊鏈上。 第一節(jié) 課程概述 本課程面向初學(xué)者,內(nèi)容涵蓋以太坊開(kāi)發(fā)相關(guān)的基本概念,并將手把手地教大家如何構(gòu)建一個(gè) 基于以太坊的完整去中心化應(yīng)用 —— 區(qū)塊鏈投票系統(tǒng)。 ...
閱讀 1246·2021-09-04 16:41
閱讀 2403·2021-09-02 10:18
閱讀 917·2019-08-29 16:40
閱讀 2614·2019-08-29 16:14
閱讀 898·2019-08-26 13:41
閱讀 1299·2019-08-26 12:24
閱讀 731·2019-08-26 10:24
閱讀 2868·2019-08-23 17:54