tweak cli output

Author: yyx990803

packages/@vue/cli/lib/Creator.js

@@ -3,14 +3,15 @@ const os = require('os')
 const path = require('path')
 const chalk = require('chalk')
 const debug = require('debug')
+const emoji = require('node-emoji')
 const inquirer = require('inquirer')
 const Generator = require('./Generator')
 const installDeps = require('./util/installDeps')
 const PromptModuleAPI = require('./PromptModuleAPI')
 const writeFileTree = require('./util/writeFileTree')
+const { logWithSpinner, stopSpinner } = require('./util/spinner')
 
 const {
-  info,
   error,
   hasYarn,
   clearConsole
@@ -53,15 +54,15 @@ module.exports = class Creator {
     } else if (answers.mode === 'default') {
       options = defaultOptions
     } else {
+      // manual
       options = {
         packageManager: answers.packageManager,
         plugins: {}
       }
+      // run cb registered by prompt modules to finalize the options
+      this.promptCompleteCbs.forEach(cb => cb(answers, options))
     }
 
-    // run cb registered by prompt modules to finalize the options
-    this.promptCompleteCbs.forEach(cb => cb(answers, options))
-
     // save options
     if (answers.mode === 'manual' && answers.save) {
       this.saveOptions(options)
@@ -75,7 +76,7 @@ module.exports = class Creator {
     debug('options')(options)
 
     // write base package.json to disk
-    info(`Creating project in ${chalk.cyan(targetDir)}.`)
+    logWithSpinner(emoji.get('sparkles'), `Creating project in ${chalk.green(targetDir)}.`)
     writeFileTree(targetDir, {
       'package.json': JSON.stringify({
         name,
@@ -85,7 +86,7 @@ module.exports = class Creator {
     })
 
     // install deps
-    info(`Installing dependencies with ${options.packageManager}. This may take a while...`)
+    logWithSpinner(emoji.get('electric_plug'), `Installing CLI plugins. This might take a while...`)
     const deps = Object.keys(options.plugins)
     if (process.env.VUE_CLI_DEBUG) {
       // in development, use linked packages
@@ -95,21 +96,23 @@ module.exports = class Creator {
       await installDeps(options.packageManager, targetDir, deps)
     }
 
+    logWithSpinner(emoji.get('gear'), `Invoking generators...`)
     // run generator
     const generator = new Generator(targetDir, options)
     await generator.generate()
 
     // install deps again (new deps injected by generators)
+    logWithSpinner(emoji.get('package'), `Installing additional dependencies...`)
     await installDeps(options.packageManager, targetDir)
-
-    // TODO run vue-cli-service init
+    stopSpinner()
+    console.log(`${chalk.green('✔')}  Successfully created project ${chalk.green(name)}.`)
   }
 
   resolveIntroPrompts () {
     const modePrompt = {
       name: 'mode',
       type: 'list',
-      message: `Hi there! Please pick a project creation mode:`,
+      message: `Please pick a project creation mode:`,
       choices: [
         {
           name: 'Zero-configuration with defaults',

packages/@vue/cli/lib/Generator.js

@@ -3,7 +3,6 @@ const path = require('path')
 const debug = require('debug')
 const resolve = require('resolve')
 const GeneratorAPI = require('./GeneratorAPI')
-const { success } = require('@vue/cli-shared-utils')
 const writeFileTree = require('./util/writeFileTree')
 
 module.exports = class Generator {
@@ -34,7 +33,6 @@ module.exports = class Generator {
     this.files['package.json'] = JSON.stringify(this.pkg, null, 2)
     // write file tree to disk
     await writeFileTree(this.context, this.files)
-    success(`Successfully generated project files.`)
   }
 
   resolvePkg () {

packages/@vue/cli/lib/promptModules/babel.js

@@ -0,0 +1,7 @@
+module.exports = cli => {
+  cli.onPromptComplete((answers, options) => {
+    if (!answers.features.includes('ts')) {
+      options.plugins['@vue/cli-plugin-babel'] = {}
+    }
+  })
+}

packages/@vue/cli/lib/util/installDeps.js

@@ -21,13 +21,21 @@ module.exports = function installDeps (command, targetDir, deps) {
 
     const child = spawn(command, args, {
       cwd: targetDir,
-      stdio: 'inherit'
+      stdio: 'pipe'
     })
+
+    let stderr = ''
+    child.stderr.on('data', buf => {
+      stderr += buf.toString()
+    })
+
     child.on('close', code => {
       if (code !== 0) {
-        return reject(
-          `command failed: ${command} ${args.join(' ')}`
+        reject(
+          `command failed: ${command} ${args.join(' ')}\n` +
+          stderr
         )
+        return
       }
       resolve()
     })

packages/@vue/cli/lib/util/spinner.js

@@ -0,0 +1,30 @@
+const ora = require('ora')
+
+const spinner = ora()
+let lastMsg
+
+exports.logWithSpinner = (symbol, msg) => {
+  if (lastMsg) {
+    spinner.stopAndPersist({
+      symbol: lastMsg.symbol,
+      text: lastMsg.text
+    })
+  }
+  spinner.text = ' ' + msg
+  lastMsg = {
+    symbol: symbol + ' ',
+    text: msg
+  }
+  spinner.start()
+}
+
+exports.stopSpinner = () => {
+  if (lastMsg) {
+    spinner.stopAndPersist({
+      symbol: lastMsg.symbol,
+      text: lastMsg.text
+    })
+  } else {
+    spinner.stop()
+  }
+}

packages/@vue/cli/package.json

@@ -35,6 +35,8 @@
     "isbinaryfile": "^3.0.2",
     "klaw-sync": "^3.0.2",
     "mkdirp": "^0.5.1",
+    "node-emoji": "^1.8.1",
+    "ora": "^1.3.0",
     "resolve": "^1.5.0",
     "rimraf": "^2.6.2",
     "semver": "^5.4.1"

yarn.lock

@@ -271,10 +271,6 @@ assert@^1.1.1:
   dependencies:
     util "0.10.3"
 
-assertion-error@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.0.2.tgz#13ca515d86206da0bac66e834dd397d87581094c"
-
 astral-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
@@ -1207,17 +1203,6 @@ center-align@^0.1.1:
     align-text "^0.1.3"
     lazy-cache "^1.0.3"
 
-chai@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.1.2.tgz#0f64584ba642f0f2ace2806279f4f06ca23ad73c"
-  dependencies:
-    assertion-error "^1.0.1"
-    check-error "^1.0.1"
-    deep-eql "^3.0.0"
-    get-func-name "^2.0.0"
-    pathval "^1.0.0"
-    type-detect "^4.0.0"
-
 chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -1240,10 +1225,6 @@ chardet@^0.4.0:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
 
-check-error@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
-
 chokidar@^1.6.0, chokidar@^1.6.1, chokidar@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
@@ -1935,12 +1916,6 @@ dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
 
-deep-eql@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-3.0.1.tgz#dfc9404400ad1c8fe023e7da1df1c147c4b444df"
-  dependencies:
-    type-detect "^4.0.0"
-
 deep-equal@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
@@ -2897,10 +2872,6 @@ get-caller-file@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
 
-get-func-name@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.0.tgz#ead774abee72e20409433a066366023dd6887a41"
-
 get-own-enumerable-property-symbols@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-2.0.1.tgz#5c4ad87f2834c4b9b4e84549dc1e0650fb38c24b"
@@ -4425,6 +4396,10 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "~3.0.0"
 
+lodash.toarray@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
+
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -4769,6 +4744,12 @@ no-case@^2.2.0:
   dependencies:
     lower-case "^1.1.1"
 
+node-emoji@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.8.1.tgz#6eec6bfb07421e2148c75c6bba72421f8530a826"
+  dependencies:
+    lodash.toarray "^4.4.0"
+
 [email protected]:
   version "0.6.33"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.6.33.tgz#463811879f573d45155ad6a9f43dc296e8e85ebc"
@@ -5226,10 +5207,6 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
-pathval@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.0.tgz#b942e6d4bde653005ef6b71361def8727d0645e0"
-
 pbkdf2@^3.0.3:
   version "3.0.14"
   resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.14.tgz#a35e13c64799b06ce15320f459c230e68e73bade"
@@ -6829,10 +6806,6 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
-type-detect@^4.0.0:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.5.tgz#d70e5bc81db6de2a381bcaca0c6e0cbdc7635de2"
-
 type-is@~1.6.15:
   version "1.6.15"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.15.tgz#cab10fb4909e441c82842eafe1ad646c81804410"