feat(arguments): Suggest matching commands if the user makes a typo 🚧

Author: jamesgeorge007

packages/@vue/cli/bin/vue.js

@@ -6,6 +6,10 @@
 const chalk = require('chalk')
 const semver = require('semver')
 const requiredVersion = require('../package.json').engines.node
+const didYouMean = require('didyoumean')
+
+// Setting edit distance to 60% of the input string's length
+didYouMean.threshold = 0.6
 
 function checkNodeVersion (wanted, id) {
   if (!semver.satisfies(process.version, wanted)) {
@@ -193,6 +197,7 @@ program
 program
   .arguments('<command>')
   .action((cmd) => {
+    suggestCommands(cmd)
     program.outputHelp()
     console.log(`  ` + chalk.red(`Unknown command ${chalk.yellow(cmd)}.`))
     console.log()
@@ -230,6 +235,17 @@ if (!process.argv.slice(2).length) {
   program.outputHelp()
 }
 
+function suggestCommands (cmd) {
+  const availableCommands = program.commands.map(cmd => {
+    return cmd._name
+  })
+
+  const suggestion = didYouMean(cmd, availableCommands)
+  if (suggestion) {
+    console.log(chalk.cyan(`Warning: ${chalk.yellow(`Did you mean ${suggestion} ?`)}`))
+  }
+}
+
 function camelize (str) {
   return str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : '')
 }

packages/@vue/cli/package.json

@@ -33,6 +33,7 @@
     "commander": "^2.20.0",
     "debug": "^4.1.0",
     "deepmerge": "^3.2.0",
+    "didyoumean": "^1.2.1",
     "download-git-repo": "^1.0.2",
     "ejs": "^2.6.1",
     "envinfo": "^7.1.0",