feat: add default formatter question on initialize

README.md

@@ -110,6 +110,11 @@ Or if you wanted to have Deno be your default formatter overall:
 }
 ```
 
+By default, when initializing a new workspace, the extension will ask if you want
+to set the default formatter for these types of files to be Deno. If you choose
+to do so, the extension will set the `editor.defaultFormatter` setting to
+`denoland.vscode-deno` for these types of files.
+
 The formatter will respect the settings in your Deno configuration file, which
 can be explicitly set via `deno.config` or automatically detected in the
 workspace. You can find more information about formatter settings at

client/src/commands.ts

@@ -78,6 +78,7 @@ export function initializeWorkspace(
     try {
       const settings = await pickInitWorkspace();
       const config = vscode.workspace.getConfiguration(EXTENSION_NS);
+      const languageSpecificConfigs = await Promise.all(["typescript", "typescriptreact"].map(async (languageId) => vscode.workspace.getConfiguration("", { languageId })))
       await config.update("enable", true);
 
       const lintInspect = config.inspect("lint");
@@ -92,6 +93,16 @@ export function initializeWorkspace(
         await config.update("unstable", settings.unstable);
       }
 
+      if (settings.defaultFormatter) {
+        for (const languageSpecificConfig of languageSpecificConfigs) {
+          const defaultFormatterInspect = languageSpecificConfig.inspect("editor.defaultFormatter")
+          assert(defaultFormatterInspect)
+          if (defaultFormatterInspect.defaultValue != "denoland.vscode-deno") {
+            await languageSpecificConfig.update("editor.defaultFormatter", "denoland.vscode-deno", false, true)
+          }
+        }
+      }
+
       await vscode.window.showInformationMessage(
         "Deno is now setup in this workspace.",
       );

client/src/initialize_project.ts

@@ -10,6 +10,7 @@ const quickPickYesNo = [
 export interface InitWorkspaceSettings {
   lint: boolean;
   unstable: boolean;
+  defaultFormatter: boolean
 }
 
 export function pickInitWorkspace() {
@@ -25,7 +26,7 @@ export function pickInitWorkspace() {
     const pick = await input.showQuickPick({
       title,
       step: 1,
-      totalSteps: 2,
+      totalSteps: 3,
       placeholder: "Enable Deno linting?",
       items: quickPickYesNo,
       shouldResume: () => Promise.resolve(false),
@@ -38,12 +39,25 @@ export function pickInitWorkspace() {
     const pick = await input.showQuickPick({
       title,
       step: 2,
-      totalSteps: 2,
+      totalSteps: 3,
       placeholder: "Enable Deno unstable APIs?",
       items: quickPickYesNo,
       shouldResume: () => Promise.resolve(false),
     });
     state.unstable = pick.label === "Yes" ? true : false;
+    return (input: MultiStepInput) => pickDefaultFormatter(input, state)
+  }
+
+  async function pickDefaultFormatter (input: MultiStepInput, state: Partial<State>) {
+    const pick = await input.showQuickPick({
+      title,
+      step: 3,
+      totalSteps: 3,
+      placeholder: "Enable default formatter for TypeScript and TSX?",
+      items: quickPickYesNo,
+      shouldResume: () => Promise.resolve(false),
+    })
+    state.defaultFormatter = pick.label === "Yes" ? true : false
   }
 
   async function collectInputs() {