upd

Author: victorsun

11-构建工具/05-脚手架/01-csxiaoyao-cli/README.md

@@ -0,0 +1,27 @@
+# 01-start 创建 csxiaoyao-cli
+
+1. 创建 /bin 文件夹
+2. 修改 package.json，添加命令及文件
+
+```
+"bin": {
+  "csxiaoyao": "./bin/csxiaoyao.js"
+},
+```
+
+3. 编写csxiaoyao.js代码文件
+```
+#!/user/bin/env node
+```
+
+4. 添加软链接
+```
+$ sudo npm link
+# 取消
+$ npm unlink
+```
+
+5. process.argv 接收命令行参数
+
+
+

11-构建工具/05-脚手架/01-csxiaoyao-cli/bin/csxiaoyao.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+console.log('hello world');
+
+/**
+ * [ process.argv ]  return Array
+ * 返回参数1: node.js可执行文件的绝对路径
+ * 返回参数2: 正在执行的javascript文件路径
+ * 返回参数3开始: 通过命令行传递的参数
+ */
+process.argv.forEach(v => {
+  console.log(v);
+});

11-构建工具/05-脚手架/01-csxiaoyao-cli/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "csxiaoyao-cli",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "csxiaoyao": "./bin/csxiaoyao.js"
+  },
+  "author": "",
+  "license": "ISC"
+}

11-构建工具/05-脚手架/02-commander/README.md

@@ -0,0 +1,43 @@
+# 02-commander
+
+1. 安装commander
+```
+$ npm install commander -S
+```
+
+2. 编写代码查看版本号
+```
+const { program } = require('commander');
+program
+  .version('0.0.1')
+  .parse(process.argv)
+```
+查看版本号
+```
+$ csxiaoyao -h
+Usage: csxiaoyao [options]
+
+Options:
+  -V, --version  output the version number
+  -h, --help     display help for command
+
+$csxiaoyao -V
+0.0.1
+```
+
+3. 修改帮助文档、配置options参数
+```
+.usage('<command> [csxiaoyao options]')
+.option('命令', '说明', '默认值')
+```
+
+4. 获取输入参数
+
+5. 创建命令
+```
+.command('add', 'add a template')
+.command('init', 'init a template')
+.command('create [options] <app-name>', 'create a new project powered by xxx')
+```
+
+

11-构建工具/05-脚手架/02-commander/bin/csxiaoyao.js

@@ -0,0 +1,22 @@
+#!/usr/bin/env node
+
+/**
+ * 原生方式
+ */
+// process.argv.forEach(v => {
+//   console.log(v);
+// });
+
+const { program } = require('commander');
+program
+  .version('0.0.1')
+  .usage('<command> [csxiaoyao options]')
+  .option('-cr, --classroom <custom classroom\'s name>', 'current classroom name') // '命令', '说明', '默认值'
+  .command('add', 'add a template')
+  .command('init', 'init a template')
+  .command('create [options] <app-name>', 'create a new project powered by xxx')
+  .parse(process.argv)
+
+// 获取输入参数
+console.log(program.classroom);
+

���11-构建工具/05-脚手架/02-commander/package-lock.json

@@ -0,0 +1,17 @@
+{
+  "name": "commander-study",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "csxiaoyao": "./bin/csxiaoyao.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "commander": "^11.0.0"
+  }
+}

11-构建工具/05-脚手架/02-commander/package.json

@@ -0,0 +1,6 @@
+# 03-inquirer
+
+1. 安装
+```
+$ npm install inquirer
+```

11-构建工具/05-脚手架/03-inquirer/README.md

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+
+// const inquirer = require('inquirer');
+import inquirer from 'inquirer';
+
+// 定义基本的问答结构
+// 1. 定义问题列表
+const promptList = [
+  // 输入
+  {
+    type: 'input',
+    message: '请输入6位数字ID',
+    name: 'id', // key
+    default: '123456',
+    validate: (val) => {
+      if (val.match(/^\d{6}$/ig)) {
+        return true;
+      }
+      return '请输入6位数字的ID～～～';
+    }
+  },
+  // 是/否选择
+  {
+    type: 'confirm',
+    message: '是否使用监听模式',
+    name: 'watch',
+    prefix: '🌹', // 前缀
+    suffix: '🇨🇳', // 后缀
+    default: false,
+  },
+  // 
+  {
+
+  }
+];
+
+// 2. 获取问题回答答案
+inquirer.prompt(promptList).then(answers => {
+  console.log(answers);
+})