Rumah > Artikel > hujung hadapan web > Pembangunan praktikal nod alat baris arahan mycli
Artikel ini akan membawa anda langkah demi langkah untuk memahami amalan nod, dan bercakap tentang cara membuat alat/perancah baris arahan mycli berdasarkan nod.
Mula-mula pastikan terdapat persekitaran node.js pada komputer anda
Baris arahan melaksanakan kod berikut untuk memulakan fail package.json
npm init -y
Pada masa ini, pelaksanaan baris arahan mycli
pasti akan melaporkan ralat.
Konfigurasikan perintah tersuai
package.json
Tambah medan bin
, kaitkan mycli
Perintah
"bin": { "mycli": "./test.js" },
/test.js
baharuconsole.log("mycli命令执行成功");
install
, tetapi projek itu belum diterbitkan ke npm, jadi buat sementara waktu, gunakan perintah npm link
untuk mengaitkan perintah mycli
dengan dunia global. Jika anda melaksanakan baris arahan pada masa ini mycli
, tiada lagi ralat akan dilaporkan.
Konfigurasi skrip
fail test.js:
console.log("mycli命令执行成功");
Kemudian Laksanakan mycli
sekali lagi, dan tetingkap pop timbul ralat akan muncul
Ini kerana melaksanakan perintah mycli
adalah bersamaan dengan membenarkan komputer melaksanakan fail. , dan sistem komputer tidak dapat melaksanakan terus fail js , yang memerlukan kami menambah konfigurasi pada baris pertama kod skrip untuk menentukan program node.js
pada komputer untuk melaksanakan skrip js fail.
#!/usr/bin/env node
Disebabkan menukar persekitaran pelaksanaan, anda perlu memadamkan fail yang dipautkan sebelum ini Lokasi fail mungkin C:Program Filesnodejsnode_modules
dan padamkannya, dan kemudian laksanakan semula. mycli
npm link
Sekarang laksanakan
mycli
Chalk
Ora
commander
inquirer
Kapur
Pasangnpm install chalk@4.1.2 -SGunakan test.js
const chalk = require("chalk"); // chalk // const hello = chalk.red("hello"); // const hello = chalk.blue.bgRed("hello"); // const hello = chalk.blue.bgYellow("hello"); const hello = chalk.rgb(200, 200, 200).bgRgb(0, 200, 3)("hello"); console.log(hello);
Ora
Pasangnpm install ora@4.0.3 -SGunakan test.js
const ora = require("ora"); // ora const spinner = ora({ text: "安装中..." }); spinner.start(); setTimeout(() => { // spinner.stop(); spinner.succeed("安装成功"); // console.log("安装成功"); }, 2000)Api biasa
start
stop
succeed
komander Perintah yang kerap digunakan dalam , seperti
vue -V
dan arahan lain untuk melaksanakan arahan sedemikian, anda perlu menggunakan pustaka git --version
komandervue create
. Perintah yang diikuti dengan
dsb. boleh difahami sebagai parameter arahan Kemudian kita perlu mendapatkan parameter ini dan memproses peristiwa yang berbeza dengan menilai perbezaan dalam parameter. -V
--help
Dalam persekitaran
, anda boleh mendapatkan parameter ini melalui . Pustaka komanderprocess.argv
membantu kami merangkum beberapa kaedah tanpa perlu menilai arahan yang dibawa oleh input pengguna.
npm install commander@8.2.0 -SGunakan
const commander = require("commander"); // ... commander.parse(process.argv); // 放在后面komander
akan Kami secara automatik dibekalkan dengan beberapa arahan, seperti , mari kita uji di bawah: --help
mycli --helpmenyediakan kaedah untuk menetapkan nombor versi
commander.version("1.0.0");Anda boleh melihat bahawa konsol mencetak nombor versi
. mycli -V
1.0.0
commander.option(指令名, 描述, 回调函数)
--init
commander.option("--init", "this is init", () => { // chalk // const hello = chalk.red("hello"); // const hello = chalk.blue.bgRed("hello"); // const hello = chalk.blue.bgYellow("hello"); const hello = chalk.rgb(200, 200, 200).bgRgb(0, 200, 3)("hello"); console.log(hello); // ora const spinner = ora({ text: "安装中..." }); spinner.start(); setTimeout(() => { // spinner.stop(); spinner.succeed("安装成功"); // console.log("安装成功"); }, 1000) }):
mycli --init
commander.option("--number <num>", "log a number", (num) => { console.log(num); })
表示必传的参数,
[参数名]
表示非必传的参数。控制台输入mycli --number 100
回车,可以看到会输出100
。
自定义命令方法
commander.command("create <projectName>").action((projectName)=>{ console.log(projectName); })
执行 mycli create xx
回车,控制台可以看到 输出了xx
。
查看帮助
执行 mycli --help
,可以看到我们刚才配置的指令和命令都出现在了帮助列表里。
inquirer
npm install inquirer -S
prompt
提问的方法inquirer.prompt([ { type: "input", name: "username", message: "请输入用户名:" } ]).then((answer)=>{ })
type
表示问题的类型,取值可能是:input
, number
, password
, editor
等。
answer
是 {username: 输入的值}
input
const inquirer = require("inquirer"); commander.command("add user").action(() => { inquirer.prompt([ { type: "input", name: "username", message: "请输入用户名:" } ]).then((answer) => { console.log(answer); }) })
confirm
commander.command("testcon").action(() => { inquirer.prompt([ { type: "confirm", name: "age", message: "是否大于18岁?" } ]).then((answer) => { console.log(answer); }) })
输入y
或n
来进行判断。
list
commander.command("testlist").action(() => { inquirer.prompt([ { type: "list", name: "lib", message: "选择用到的框架:", choices: [ "vue2", "vue3", "react", "svelte", ] } ]).then((answer) => { console.log(answer); }) })
执行 mycli testlist
命令:
download-git-repo是一个拉取代码的工具。
安装
npm install download-git-repo@3.0.2 -S
const downgit = require("download-git-repo"); downgit("github:kongcodes/vue3-vant", downUrl, { clone: false }, function (err) { console.log(err) })
downgit
方法里面的第一个参数理解为在github上面下载kongcodes用户的vue3-vant
项目模板。第二个参数downUrl
为要将模板下载到什么目录下。第三个参数clone
是否要用git clone
下载。第四个参数 为下载完成执行的一些事情。
command
方法使用commander.command("create <projectName>").action((projectName) => { const spinner = ora({ text: "正在下载https://github.com/kongcodes/vue3-vant..." }); spinner.start(); fs.mkdirSync(`./${projectName}`); const downUrl = `${process.cwd()}\\${projectName}`; downgit("github:kongcodes/vue3-vant", downUrl, { clone: false }, function (err) { if (err) throw err; spinner.stop(); console.log(chalk.green("downgit success")); }) })
执行 mycli create pro
回车,会在当前目录下创建pro
目录,下载vue3-vant
模板到这个目录里。
https://github.com/kongcodes/mycli
更多node相关知识,请访问:nodejs 教程!
Atas ialah kandungan terperinci Pembangunan praktikal nod alat baris arahan mycli. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!