切換語言為:簡體

手寫一個cli腳手架,並新增到本地全域性

  • 爱糖宝
  • 2024-11-15
  • 2023
  • 0
  • 0

寫一個簡單的cli 新增到本地全域性npm中

前提:

你的電腦必須安裝了node和npm

  1. 首選你需要建立一個檔案作為腳手架的目錄

 mkdir npm_cli
 cd npm_cli

  1. 接著你需要對這個資料夾進行npm或者其他你喜歡並且在你本地安裝包 進行初始化

npm init -y

  1. 你會得到一個檔案(也許需要你提前指定一些內容,不過後麵我們也可以進行修改):package.json

手寫一個cli腳手架,並新增到本地全域性 

4.  接著我們建立一個名為bin的資料夾 並在資料夾建立一個名為 mian的js檔案

手寫一個cli腳手架,並新增到本地全域性

  1. 接著我們在main.js檔案中寫這樣一句話

#!/usr/bin/env node  //這句話是告訴系統 需要用nodejs來執行這個檔案 這是必須的

console.log("this is cli")

注意:你必須將這句話寫在第一行

手寫一個cli腳手架,並新增到本地全域性 

6.  儲存後我們開啟package.json  在全域性物件內建立一個 bin物件 指定一個屬性名(這個屬性名就是你需要執行的命令列)  屬性值為你建立的main檔案的相對路徑

手寫一個cli腳手架,並新增到本地全域性 

7.  接著在bash或者命令視窗執行以下命令:

npm link

一般出現下面這種或者 沒有報錯就說明執行成功了

手寫一個cli腳手架,並新增到本地全域性

  1. 接著需要你執行我們之前寫的命令(還記得步驟6中的我們指定的屬性名嗎?)

npm_cli

手寫一個cli腳手架,並新增到本地全域性

這時候控制檯就可以輸出我們之前寫的程式碼,

恭喜你,你已經完成一個簡單的cli腳手架了!!! 後面關於腳手架的一切基本上都是基於我們今天學到的知識拓展而來的。

0則評論

您的電子郵件等資訊不會被公開,以下所有項目均必填

OK! You can skip this field.