@gx-design-vue/create-gx-cli 0.1.5 → 0.1.6

package/README.md

@@ -10,6 +10,15 @@ npm init @gx-design-vue/create-gx-cli
 npx @gx-design-vue/create-gx-cli
 # or
 npm install -g @gx-design-vue/create-gx-cli
+
+# create project
 create-gx-cli
+# cli version
+create-gx-cli -v
+# short create(first: project name、--template: template project)
+create-gx-cli app --template gx-design-pro
+create-gx-cli app --template gx-design-thin
+create-gx-cli app --template mobile-vant-cli
+create-gx-cli app --template mobile-vant-html
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/create-gx-cli",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "description": "a cli to bootstrap gx project",
   "main": "src/index.js",
@@ -16,6 +16,7 @@
   "dependencies": {
     "chalk": "^2.4.2",
     "esm": "^3.2.18",
+    "execa": "^8.0.1",
     "inquirer": "^6.2.2",
     "kolorist": "^1.6.0",
     "listr": "^0.14.3",

package/src/cli.js

@@ -1,9 +1,14 @@
+import chalk from 'chalk'
 import minimist from 'minimist'
 import prompts from 'prompts'
 import { yellow, reset, blue, red, green } from 'kolorist'
 import { createProject } from './main'
 
-const defaultTargetDir = 'gx-cli-project'
+import pag from '../package.json'
+
+const { version } = pag
+
+const defaultTargetDir = 'vue3-project'
 
 const FRAMEWORKS = [
   {
@@ -37,20 +42,24 @@ function parseArgumentsIntoOptions() {
   const argTargetDir = formatTargetDir(argv._[0])
   const argTemplate = argv.template || argv.t
   return {
+    v: argv.v,
     template: argTemplate,
     projectName: argTargetDir
   }
 }
 
 async function promptForMissingOptions(options) {
-  const answers = await prompts([
-    {
+  const projectNamePrompts = []
+  if (!options.projectName) {
+    projectNamePrompts.push({
       type: options.projectName ? null : 'text',
       name: 'projectName',
       message: reset('Project name:'),
       initial: defaultTargetDir
-    },
-    {
+    })
+  }
+  if (typeof options.template !== 'string' || !TEMPLATES.includes(options.template)) {
+    projectNamePrompts.push({
       type: 'select',
       name: 'template',
       message:
@@ -66,20 +75,36 @@ async function promptForMissingOptions(options) {
           value: framework
         }
       })
-    }
-  ])
+    })
+  }
+  let answers = {
+    template: {
+      name: ''
+    },
+    projectName: ''
+  }
+
+  if (projectNamePrompts.length) {
+    answers = await prompts(projectNamePrompts)
+  }
 
   return {
     ...options,
-    template: options.template || answers.template ? answers.template.name : '',
+    template: options.template || (answers.template ? answers.template.name : ''),
     projectName: options.projectName || answers.projectName || ''
   }
 }
 
 export async function cli() {
   let options = parseArgumentsIntoOptions()
+  if (options.v) {
+    console.log(chalk.whiteBright(version))
+    process.exit(1)
+  }
   options = await promptForMissingOptions(options)
   if (options.template && options.projectName) {
     await createProject(options)
+  } else {
+    process.exit(1)
   }
 }

package/src/main.js

@@ -64,8 +64,8 @@ function doneLog(cwd, root) {
   if (root !== cwd) {
     console.log(chalk.blueBright(`cd ${path.relative(cwd, root)}`))
   }
-  console.log(chalk.blueBright(`pnpm(yarn、npm) install`))
-  console.log(chalk.blueBright(`pnpm(yarn、npm) run dev`))
+  console.log(chalk.blueBright(`pnpm、yarn、npm install`))
+  console.log(chalk.blueBright(`pnpm、yarn、npm run dev`))
   console.log()
 }