日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
使用Node.js構(gòu)建交互式命令行工具

使用 Node.js 構(gòu)建一個(gè)根據(jù)詢問(wèn)創(chuàng)建文件的命令行工具。

創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供海鹽企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為海鹽眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)的建站公司優(yōu)惠進(jìn)行中。

當(dāng)用于構(gòu)建命令行界面（CLI）時(shí)，Node.js 十分有用。在這篇文章中，我將會(huì)教你如何使用 Node.js 來(lái)構(gòu)建一個(gè)問(wèn)一些問(wèn)題并基于回答創(chuàng)建一個(gè)文件的命令行工具。

開(kāi)始

首先，創(chuàng)建一個(gè)新的 npm 包（NPM 是 JavaScript 包管理器）。

  
 
 
 
    
   
  
  
  
  1. mkdir my-script
    2. 
   
  
  
  
  2. cd my-script
    3. 
   
  
  
  
  3. npm init
    4.

NPM 將會(huì)問(wèn)一些問(wèn)題。隨后，我們需要安裝一些包。

  
 
 
 
    
   
  
  
  
  1. npm install --save chalk figlet inquirer shelljs
    2.

這是我們需要的包：

  • Chalk：正確設(shè)定終端的字符樣式
  • Figlet：使用普通字符制作大字母的程序（LCTT 譯注：使用標(biāo)準(zhǔn)字符，拼湊出圖片）
  • Inquirer：通用交互式命令行用戶界面的集合
  • ShellJS：Node.js 版本的可移植 Unix Shell 命令行工具

創(chuàng)建一個(gè) index.js 文件

現(xiàn)在我們要使用下述內(nèi)容創(chuàng)建一個(gè) index.js 文件。

  
 
 
 
    
   
  
  
  
  1. #!/usr/bin/env node
    2. 
   
  
  
  
  2.  
    3. 
   
  
  
  
  3. const inquirer = require("inquirer");
    4. 
   
  
  
  
  4. const chalk = require("chalk");
    5. 
   
  
  
  
  5. const figlet = require("figlet");
    6. 
   
  
  
  
  6. const shell = require("shelljs");
    7.

規(guī)劃命令行工具

在我們寫(xiě)命令行工具所需的任何代碼之前，做計(jì)劃總是很棒的。這個(gè)命令行工具只做一件事：創(chuàng)建一個(gè)文件。

它將會(huì)問(wèn)兩個(gè)問(wèn)題：文件名是什么以及文件后綴名是什么？然后創(chuàng)建文件，并展示一個(gè)包含了所創(chuàng)建文件路徑的成功信息。

  
 
 
 
    
   
  
  
  
  1. // index.js
    2. 
   
  
  
  
  2.  
    3. 
   
  
  
  
  3. const run = async () => {
    4. 
   
  
  
  
  4.  // show script introduction
    5. 
   
  
  
  
  5.  // ask questions
    6. 
   
  
  
  
  6.  // create the file
    7. 
   
  
  
  
  7.  // show success message
    8. 
   
  
  
  
  8. };
    9. 
   
  
  
  
  9.  
    10. 
   
  
  
  
  10. run();
    11.

***個(gè)函數(shù)只是該腳本的介紹。讓我們使用 chalk 和 figlet 來(lái)把它完成。

  
 
 
 
    
   
  
  
  
  1. const init = () => {
    2. 
   
  
  
  
  2.  console.log(
    3. 
   
  
  
  
  3.  chalk.green(
    4. 
   
  
  
  
  4.  figlet.textSync("Node JS CLI", {
    5. 
   
  
  
  
  5.  font: "Ghost",
    6. 
   
  
  
  
  6.  horizontalLayout: "default",
    7. 
   
  
  
  
  7.  verticalLayout: "default"
    8. 
   
  
  
  
  8.  })
    9. 
   
  
  
  
  9.  )
    10. 
   
  
  
  
  10.  );
    11. 
   
  
  
  
  11. }
    12. 
   
  
  
  
  12.  
    13. 
   
  
  
  
  13. const run = async () => {
    14. 
   
  
  
  
  14.  // show script introduction
    15. 
   
  
  
  
  15.  init();
    16. 
   
  
  
  
  16.  
    17. 
   
  
  
  
  17.  // ask questions
    18. 
   
  
  
  
  18.  // create the file
    19. 
   
  
  
  
  19.  // show success message
    20. 
   
  
  
  
  20. };
    21. 
   
  
  
  
  21.  
    22. 
   
  
  
  
  22. run();
    23.

然后，我們來(lái)寫(xiě)一個(gè)函數(shù)來(lái)問(wèn)問(wèn)題。

  
 
 
 
    
   
  
  
  
  1. const askQuestions = () => {
    2. 
   
  
  
  
  2.  const questions = [
    3. 
   
  
  
  
  3.  {
    4. 
   
  
  
  
  4.  name: "FILENAME",
    5. 
   
  
  
  
  5.  type: "input",
    6. 
   
  
  
  
  6.  message: "What is the name of the file without extension?"
    7. 
   
  
  
  
  7.  },
    8. 
   
  
  
  
  8.  {
    9. 
   
  
  
  
  9.  type: "list",
    10. 
   
  
  
  
  10.  name: "EXTENSION",
    11. 
   
  
  
  
  11.  message: "What is the file extension?",
    12. 
   
  
  
  
  12.  choices: [".rb", ".js", ".php", ".css"],
    13. 
   
  
  
  
  13.  filter: function(val) {
    14. 
   
  
  
  
  14.  return val.split(".")[1];
    15. 
   
  
  
  
  15.  }
    16. 
   
  
  
  
  16.  }
    17. 
   
  
  
  
  17.  ];
    18. 
   
  
  
  
  18.  return inquirer.prompt(questions);
    19. 
   
  
  
  
  19. };
    20. 
   
  
  
  
  20.  
    21. 
   
  
  
  
  21. // ...
    22. 
   
  
  
  
  22.  
    23. 
   
  
  
  
  23. const run = async () => {
    24. 
   
  
  
  
  24.  // show script introduction
    25. 
   
  
  
  
  25.  init();
    26. 
   
  
  
  
  26.  
    27. 
   
  
  
  
  27.  // ask questions
    28. 
   
  
  
  
  28.  const answers = await askQuestions();
    29. 
   
  
  
  
  29.  const { FILENAME, EXTENSION } = answers;
    30. 
   
  
  
  
  30.  
    31. 
   
  
  
  
  31.  // create the file
    32. 
   
  
  
  
  32.  // show success message
    33. 
   
  
  
  
  33. };
    34.

注意，常量 FILENAME 和 EXTENSIONS 來(lái)自 inquirer 包。

下一步將會(huì)創(chuàng)建文件。

  
 
 
 
    
   
  
  
  
  1. const createFile = (filename, extension) => {
    2. 
   
  
  
  
  2.  const filePath = `${process.cwd()}/${filename}.${extension}`
    3. 
   
  
  
  
  3.  shell.touch(filePath);
    4. 
   
  
  
  
  4.  return filePath;
    5. 
   
  
  
  
  5. };
    6. 
   
  
  
  
  6.  
    7. 
   
  
  
  
  7. // ...
    8. 
   
  
  
  
  8.  
    9. 
   
  
  
  
  9. const run = async () => {
    10. 
   
  
  
  
  10.  // show script introduction
    11. 
   
  
  
  
  11.  init();
    12. 
   
  
  
  
  12.  
    13. 
   
  
  
  
  13.  // ask questions
    14. 
   
  
  
  
  14.  const answers = await askQuestions();
    15. 
   
  
  
  
  15.  const { FILENAME, EXTENSION } = answers;
    16. 
   
  
  
  
  16.  
    17. 
   
  
  
  
  17.  // create the file
    18. 
   
  
  
  
  18.  const filePath = createFile(FILENAME, EXTENSION);
    19. 
   
  
  
  
  19.  
    20. 
   
  
  
  
  20.  // show success message
    21. 
   
  
  
  
  21. };
    22.

***，重要的是，我們將展示成功信息以及文件路徑。

  
 
 
 
    
   
  
  
  
  1. const success = (filepath) => {
    2. 
   
  
  
  
  2.  console.log(
    3. 
   
  
  
  
  3.  chalk.white.bgGreen.bold(`Done! File created at ${filepath}`)
    4. 
   
  
  
  
  4.  );
    5. 
   
  
  
  
  5. };
    6. 
   
  
  
  
  6.  
    7. 
   
  
  
  
  7. // ...
    8. 
   
  
  
  
  8.  
    9. 
   
  
  
  
  9. const run = async () => {
    10. 
   
  
  
  
  10.  // show script introduction
    11. 
   
  
  
  
  11.  init();
    12. 
   
  
  
  
  12.  
    13. 
   
  
  
  
  13.  // ask questions
    14. 
   
  
  
  
  14.  const answers = await askQuestions();
    15. 
   
  
  
  
  15.  const { FILENAME, EXTENSION } = answers;
    16. 
   
  
  
  
  16.  
    17. 
   
  
  
  
  17.  // create the file
    18. 
   
  
  
  
  18.  const filePath = createFile(FILENAME, EXTENSION);
    19. 
   
  
  
  
  19.  
    20. 
   
  
  
  
  20.  // show success message
    21. 
   
  
  
  
  21.  success(filePath);
    22. 
   
  
  
  
  22. };
    23.

來(lái)讓我們通過(guò)運(yùn)行 node index.js 來(lái)測(cè)試這個(gè)腳本，這是我們得到的：

完整代碼

下述代碼為完整代碼：

  
 
 
 
    
   
  
  
  
  1. #!/usr/bin/env node
    2. 
   
  
  
  
  2.  
    3. 
   
  
  
  
  3. const inquirer = require("inquirer");
    4. 
   
  
  
  
  4. const chalk = require("chalk");
    5. 
   
  
  
  
  5. const figlet = require("figlet");
    6. 
   
  
  
  
  6. const shell = require("shelljs");
    7. 
   
  
  
  
  7.  
    8. 
   
  
  
  
  8. const init = () => {
    9. 
   
  
  
  
  9.  console.log(
    10. 
   
  
  
  
  10.  chalk.green(
    11. 
   
  
  
  
  11.  figlet.textSync("Node JS CLI", {
    12. 
   
  
  
  
  12.  font: "Ghost",
    13. 
   
  
  
  
  13.  horizontalLayout: "default",
    14. 
   
  
  
  
  14.  verticalLayout: "default"
    15. 
   
  
  
  
  15.  })
    16. 
   
  
  
  
  16.  )
    17. 
   
  
  
  
  17.  );
    18. 
   
  
  
  
  18. };
    19. 
   
  
  
  
  19.  
    20. 
   
  
  
  
  20. const askQuestions = () => {
    21. 
   
  
  
  
  21.  const questions = [
    22. 
   
  
  
  
  22.  {
    23. 
   
  
  
  
  23.  name: "FILENAME",
    24. 
   
  
  
  
  24.  type: "input",
    25. 
   
  
  
  
  25.  message: "What is the name of the file without extension?"
    26. 
   
  
  
  
  26.  },
    27. 
   
  
  
  
  27.  {
    28. 
   
  
  
  
  28.  type: "list",
    29. 
   
  
  
  
  29.  name: "EXTENSION",
    30. 
   
  
  
  
  30.  message: "What is the file extension?",
    31. 
   
  
  
  
  31.  choices: [".rb", ".js", ".php", ".css"],
    32. 
   
  
  
  
  32.  filter: function(val) {
    33. 
   
  
  
  
  33.  return val.split(".")[1];
    34. 
   
  
  
  
  34.  }
    35. 
   
  
  
  
  35.  }
    36. 
   
  
  
  
  36.  ];
    37. 
   
  
  
  
  37.  return inquirer.prompt(questions);
    38. 
   
  
  
  
  38. };
    39. 
   
  
  
  
  39.  
    40. 
   
  
  
  
  40. const createFile = (filename, extension) => {
    41. 
   
  
  
  
  41.  const filePath = `${process.cwd()}/${filename}.${extension}`
    42. 
   
  
  
  
  42.  shell.touch(filePath);
    43. 
   
  
  
  
  43.  return filePath;
    44. 
   
  
  
  
  44. };
    45. 
   
  
  
  
  45.  
    46. 
   
  
  
  
  46. const success = filepath => {
    47. 
   
  
  
  
  47.  console.log(
    48. 
   
  
  
  
  48.  chalk.white.bgGreen.bold(`Done! File created at ${filepath}`)
    49. 
   
  
  
  
  49.  );
    50. 
   
  
  
  
  50. };
    51. 
   
  
  
  
  51.  
    52. 
   
  
  
  
  52. const run = async () => {
    53. 
   
  
  
  
  53.  // show script introduction
    54. 
   
  
  
  
  54.  init();
    55. 
   
  
  
  
  55.  
    56. 
   
  
  
  
  56.  // ask questions
    57. 
   
  
  
  
  57.  const answers = await askQuestions();
    58. 
   
  
  
  
  58.  const { FILENAME, EXTENSION } = answers;
    59. 
   
  
  
  
  59.  
    60. 
   
  
  
  
  60.  // create the file
    61. 
   
  
  
  
  61.  const filePath = createFile(FILENAME, EXTENSION);
    62. 
   
  
  
  
  62.  
    63. 
   
  
  
  
  63.  // show success message
    64. 
   
  
  
  
  64.  success(filePath);
    65. 
   
  
  
  
  65. };
    66. 
   
  
  
  
  66.  
    67. 
   
  
  
  
  67. run();
    68.

使用這個(gè)腳本

想要在其它地方執(zhí)行這個(gè)腳本，在你的 package.json 文件中添加一個(gè) bin 部分，并執(zhí)行 npm link：

  
 
 
 
    
   
  
  
  
  1. {
    2. 
   
  
  
  
  2.  "name": "creator",
    3. 
   
  
  
  
  3.  "version": "1.0.0",
    4. 
   
  
  
  
  4.  "description": "",
    5. 
   
  
  
  
  5.  "main": "index.js",
    6. 
   
  
  
  
  6.  "scripts": {
    7. 
   
  
  
  
  7.  "test": "echo \"Error: no test specified\" && exit 1",
    8. 
   
  
  
  
  8.  "start": "node index.js"
    9. 
   
  
  
  
  9.  },
    10. 
   
  
  
  
  10.  "author": "",
    11. 
   
  
  
  
  11.  "license": "ISC",
    12. 
   
  
  
  
  12.  "dependencies": {
    13. 
   
  
  
  
  13.  "chalk": "^2.4.1",
    14. 
   
  
  
  
  14.  "figlet": "^1.2.0",
    15. 
   
  
  
  
  15.  "inquirer": "^6.0.0",
    16. 
   
  
  
  
  16.  "shelljs": "^0.8.2"
    17. 
   
  
  
  
  17.  },
    18. 
   
  
  
  
  18.  "bin": {
    19. 
   
  
  
  
  19.  "creator": "./index.js"
    20. 
   
  
  
  
  20.  }
    21. 
   
  
  
  
  21. }
    22.

執(zhí)行 npm link 使得這個(gè)腳本可以在任何地方調(diào)用。

這就是是當(dāng)你運(yùn)行這個(gè)命令時(shí)的結(jié)果。

  
 
 
 
    
   
  
  
  
  1. /usr/bin/creator -> /usr/lib/node_modules/creator/index.js
    2. 
   
  
  
  
  2. /usr/lib/node_modules/creator -> /home/hugo/code/creator
    3.

這會(huì)連接 index.js 作為一個(gè)可執(zhí)行文件。這是完全可能的，因?yàn)檫@個(gè) CLI 腳本的***行是 #!/usr/bin/env node。

現(xiàn)在我們可以通過(guò)執(zhí)行如下命令來(lái)調(diào)用。

  
 
 
 
    
   
  
  
  
  1. $ creator
    2.

總結(jié)

正如你所看到的，Node.js 使得構(gòu)建一個(gè)好的命令行工具變得非常簡(jiǎn)單。如果你希望了解更多內(nèi)容，查看下列包。

  • meow：一個(gè)簡(jiǎn)單的命令行助手工具
  • yargs：一個(gè)命令行參數(shù)解析工具
  • pkg：將你的 Node.js 程序包裝在一個(gè)可執(zhí)行文件中。

在評(píng)論中留下你關(guān)于構(gòu)建命令行工具的經(jīng)驗(yàn)吧！ 


網(wǎng)頁(yè)題目：使用Node.js構(gòu)建交互式命令行工具
URL分享：http://www.5511xx.com/article/dppsoeh.html