feat(create): more descriptions and links

Guillaume Chau · Guillaume Chau · commit 9f9ddb133d47 · 2018-08-06T15:20:24.000+02:00
diff --git a/packages/@vue/cli/lib/promptModules/babel.js b/packages/@vue/cli/lib/promptModules/babel.js
@@ -4,6 +4,7 @@ module.exports = cli => {
     value: 'babel',
     short: 'Babel',
     description: 'Transpile modern JavaScript to older versions (for compatibility)',
+    link: 'https://babeljs.io/',
     checked: true
   })
 
diff --git a/packages/@vue/cli/lib/promptModules/cssPreprocessors.js b/packages/@vue/cli/lib/promptModules/cssPreprocessors.js
@@ -6,11 +6,14 @@ module.exports = cli => {
     link: 'https://cli.vuejs.org/guide/css.html'
   })
 
+  const notice = 'PostCSS, Autoprefixer and CSS Modules are supported by default'
+
   cli.injectPrompt({
     name: 'cssPreprocessor',
     when: answers => answers.features.includes('css-preprocessor'),
     type: 'list',
-    message: 'Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):',
+    message: `Pick a CSS pre-processor${process.env.VUE_CLI_API_MODE ? '' : ` (${notice})`}:`,
+    description: `${notice}.`,
     choices: [
       {
         name: 'SCSS/SASS',
diff --git a/packages/@vue/cli/lib/promptModules/linter.js b/packages/@vue/cli/lib/promptModules/linter.js
@@ -17,6 +17,7 @@ module.exports = cli => {
     when: answers => answers.features.includes('linter'),
     type: 'list',
     message: 'Pick a linter / formatter config:',
+    description: 'Checking code errors and enforcing an homogeoneous code style is recommended.',
     choices: answers => [
       ...(
         answers.features.includes('ts')
diff --git a/packages/@vue/cli/lib/promptModules/typescript.js b/packages/@vue/cli/lib/promptModules/typescript.js
@@ -13,6 +13,8 @@ module.exports = cli => {
     when: answers => answers.features.includes('ts'),
     type: 'confirm',
     message: 'Use class-style component syntax?',
+    description: 'Use the @Component decorator on classes.',
+    link: 'https://vuejs.org/v2/guide/typescript.html#Class-Style-Vue-Components',
     default: true
   })
 
@@ -21,6 +23,7 @@ module.exports = cli => {
     when: answers => answers.features.includes('ts'),
     type: 'confirm',
     message: 'Use Babel alongside TypeScript for auto-detected polyfills?',
+    description: 'It will output ES2015 and delegate the rest to Babel for auto polyfill based on browser targets.',
     default: answers => answers.features.includes('babel')
   })
 
