From 12fd851b067c92391c87e6a25d3982af30b692a4 Mon Sep 17 00:00:00 2001 From: Jordan Newland Date: Sun, 2 Jul 2023 22:49:53 +0100 Subject: [PATCH 1/6] docs: update typescript plugin section for vscode prompt --- .../06-configuring/01-typescript.mdx | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index 0259b51517279..f75d5a5aa9470 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -35,17 +35,7 @@ Add TypeScript to your project by renaming a file to `.ts` / `.tsx`. Run `next d Next.js includes a custom TypeScript plugin and type checker, which VSCode and other code editors can use for advanced type-checking and auto-completion. -The first time you run `next dev` with a TypeScript file open, you will receive a prompt to enable the plugin. - -TypeScript Prompt - -If you miss the prompt, you can enable the plugin manually by: +You can enable the plugin in VSCode by: 1. Opening the command palette (`Ctrl/⌘` + `Shift` + `P`) 2. Searching for "TypeScript: Select TypeScript Version" @@ -59,7 +49,11 @@ If you miss the prompt, you can enable the plugin manually by: height="637" /> -Now, when editing files, the custom plugin will be enabled. When running `next build`, the custom type checker will be used. Further, we automatically create a VSCode settings file for you to automate this process. +Now, when editing files, the custom plugin will be enabled. When running `next build`, the custom type checker will be used. + +> **Good to know:** +> +> Prior to v13.4.0 VS Code would prompt users to set the TypeScript version when running `npm run dev` for the first time. However, this was removed until such time a better solution is implemented. ### Plugin Features From 3d281025ce1ae95876b05ca19221a1fcddcc11d6 Mon Sep 17 00:00:00 2001 From: Delba de Oliveira <32464864+delbaoliveira@users.noreply.github.com> Date: Thu, 6 Jul 2023 10:16:21 +0100 Subject: [PATCH 2/6] Update docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx --- .../06-configuring/01-typescript.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index f75d5a5aa9470..ad6aa7d195f04 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -53,7 +53,7 @@ Now, when editing files, the custom plugin will be enabled. When running `next b > **Good to know:** > -> Prior to v13.4.0 VS Code would prompt users to set the TypeScript version when running `npm run dev` for the first time. However, this was removed until such time a better solution is implemented. +> Prior to v13.4.0, VS Code would prompt users to enable the plugin when running `npm run dev` for the first time. However, this caused issues for some users and was removed until a better solution is implemented. Please follow the steps above to manually enable the plugin. ### Plugin Features From 066c9ee95c32039eb2692129da0e7999df329a40 Mon Sep 17 00:00:00 2001 From: Tim Neutkens Date: Thu, 6 Jul 2023 12:38:15 +0200 Subject: [PATCH 3/6] Fix lint --- .../06-configuring/01-typescript.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index b0b6b8ac8aac3..f1ccf542dde5c 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -52,8 +52,8 @@ You can enable the plugin in VSCode by: Now, when editing files, the custom plugin will be enabled. When running `next build`, the custom type checker will be used. > **Good to know:** -> -> Prior to v13.4.0, VS Code would prompt users to enable the plugin when running `npm run dev` for the first time. However, this caused issues for some users and was removed until a better solution is implemented. Please follow the steps above to manually enable the plugin. +> +> Prior to v13.4.0, VS Code would prompt users to enable the plugin when running `npm run dev` for the first time. However, this caused issues for some users and was removed until a better solution is implemented. Please follow the steps above to manually enable the plugin. ### Plugin Features From eabdf0122850afaef769ff3416d0e3a1dbe5a912 Mon Sep 17 00:00:00 2001 From: Lee Robinson Date: Sun, 9 Jul 2023 15:46:50 -0700 Subject: [PATCH 4/6] Update docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx --- .../06-configuring/01-typescript.mdx | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index f1ccf542dde5c..ab31a2030e73f 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -53,7 +53,6 @@ Now, when editing files, the custom plugin will be enabled. When running `next b > **Good to know:** > -> Prior to v13.4.0, VS Code would prompt users to enable the plugin when running `npm run dev` for the first time. However, this caused issues for some users and was removed until a better solution is implemented. Please follow the steps above to manually enable the plugin. ### Plugin Features From 0e8ab20b230bd69ab725c499e73e6475aeaab2c5 Mon Sep 17 00:00:00 2001 From: Lee Robinson Date: Sun, 9 Jul 2023 15:46:54 -0700 Subject: [PATCH 5/6] Update docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx --- .../06-configuring/01-typescript.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index ab31a2030e73f..c138d8fd2a28c 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -35,7 +35,7 @@ Add TypeScript to your project by renaming a file to `.ts` / `.tsx`. Run `next d Next.js includes a custom TypeScript plugin and type checker, which VSCode and other code editors can use for advanced type-checking and auto-completion. -You can enable the plugin in VSCode by: +You can enable the plugin in VS Code by: 1. Opening the command palette (`Ctrl/⌘` + `Shift` + `P`) 2. Searching for "TypeScript: Select TypeScript Version" From a541ae89867e204965e51023a0dab57ac9d68266 Mon Sep 17 00:00:00 2001 From: Lee Robinson Date: Sun, 9 Jul 2023 15:47:17 -0700 Subject: [PATCH 6/6] Update docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx --- .../06-configuring/01-typescript.mdx | 3 --- 1 file changed, 3 deletions(-) diff --git a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx index c138d8fd2a28c..901478c38e90a 100644 --- a/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx +++ b/docs/02-app/01-building-your-application/06-configuring/01-typescript.mdx @@ -51,9 +51,6 @@ You can enable the plugin in VS Code by: Now, when editing files, the custom plugin will be enabled. When running `next build`, the custom type checker will be used. -> **Good to know:** -> - ### Plugin Features The TypeScript plugin can help with: