feat: add needsAutomaticalllyInstallDependencies option

Author: btea

index.ts

@@ -101,6 +101,7 @@ type PromptResult = {
   e2eFramework?: 'cypress' | 'nightwatch' | 'playwright'
   experimentFeatures?: (typeof EXPERIMENTAL_FEATURE_OPTIONS)[number]['value'][]
   needsBareboneTemplates?: boolean
+  needsAutomaticalllyInstallDependencies?: boolean
 }
 
 function isValidPackageName(projectName) {
@@ -255,6 +256,8 @@ async function init() {
 
     // TODO: default to true sometime in the future
     needsBareboneTemplates: false,
+    // TODO: default to false sometime in the future
+    needsAutomaticalllyInstallDependencies: false,
   }
 
   intro(
@@ -680,25 +683,50 @@ async function init() {
     }),
   )
 
+  result.needsAutomaticalllyInstallDependencies = await unwrapPrompt(
+    confirm({
+      message: language.needsAutomaticalllyInstallDependencies.message,
+      // TODO: default to true sometime in the future
+      initialValue: false,
+    }),
+  )
+
   let outroMessage = `${language.infos.done}\n\n`
   if (root !== cwd) {
     const cdProjectName = path.relative(cwd, root)
     outroMessage += `   ${bold(green(`cd ${cdProjectName.includes(' ') ? `"${cdProjectName}"` : cdProjectName}`))}\n`
   }
-  outroMessage += `   ${bold(green(getCommand(packageManager, 'install')))}\n`
+  if (!result.needsAutomaticalllyInstallDependencies) {
+    outroMessage += `   ${bold(green(getCommand(packageManager, 'install')))}\n`
+  }
   if (needsPrettier) {
     outroMessage += `   ${bold(green(getCommand(packageManager, 'format')))}\n`
   }
   outroMessage += `   ${bold(green(getCommand(packageManager, 'dev')))}\n`
 
   if (!dotGitDirectoryState.hasDotGitDirectory) {
     outroMessage += `
-${dim('|')} ${language.infos.optionalGitCommand}
-  
-   ${bold(green('git init && git add -A && git commit -m "initial commit"'))}`
+  ${dim('|')} ${language.infos.optionalGitCommand}
+     ${bold(green('git init && git add -A && git commit -m "initial commit"'))}`
+  }
+
+  if (!result.needsAutomaticalllyInstallDependencies) {
+    outro(outroMessage)
+    return
   }
 
-  outro(outroMessage)
+  console.log(`\n\nstarting installation...\n`)
+  const { spawn } = await import('node:child_process')
+  const installArgs = ['install']
+  const child = spawn('pnpm', installArgs, {
+    cwd: root,
+    stdio: 'inherit',
+    shell: process.platform === 'win32',
+  })
+
+  child.on('close', () => {
+    console.log(outroMessage)
+  })
 }
 
 init().catch((e) => {

locales/en-US.json

@@ -69,6 +69,9 @@
     "message": "Select experimental features to include in your project:",
     "hint": "(↑/↓ to navigate, space to select, a to toggle all, enter to confirm)"
   },
+  "needsAutomaticalllyInstallDependencies": {
+    "message": "Automatically install dependencies?"
+  },
   "needsRolldownVite": {
     "message": "rolldown-vite (experimental)"
   },

locales/fr-FR.json

@@ -75,6 +75,9 @@
   "needsBareboneTemplates": {
     "message": "Ignorer tout le code d'exemple et commencer avec un projet Vue vierge\u00a0?"
   },
+  "needsAutomaticalllyInstallDependencies": {
+    "message": "Installer automatiquement les dépendances\u00a0?"
+  },
   "errors": {
     "operationCancelled": "Operation annulée"
   },

locales/tr-TR.json

@@ -75,6 +75,9 @@
   "needsBareboneTemplates": {
     "message": "Tüm örnek kodları atlayıp boş bir Vue projesi ile başlansın mı?"
   },
+  "needsAutomaticalllyInstallDependencies": {
+    "message": "Bağımlılıklar otomatik olarak yüklensin mi?"
+  },
   "errors": {
     "operationCancelled": "İşlem iptal edildi"
   },

locales/zh-Hans.json

@@ -75,6 +75,9 @@
   "needsBareboneTemplates": {
     "message": "跳过所有示例代码，创建一个空白的 Vue 项目？"
   },
+  "needsAutomaticalllyInstallDependencies": {
+    "message": "是否自动安装依赖？"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

locales/zh-Hant.json

@@ -75,6 +75,9 @@
   "needsBareboneTemplates": {
     "message": "跳過所有範例程式碼，建立一個空白的 Vue 專案？"
   },
+  "needsAutomaticalllyInstallDependencies": {
+    "message": "是否自動安裝相依套件？"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

utils/getLanguage.ts

@@ -42,6 +42,7 @@ interface Language {
   needsOxlint: LanguageItem
   needsRolldownVite: LanguageItem
   needsBareboneTemplates: LanguageItem
+  needsAutomaticalllyInstallDependencies: LanguageItem
   errors: {
     operationCancelled: string
   }