From 7453a0799cc05552b4332a34bf3e7c632f592c74 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrik=20=C5=A0vikruha?= Date: Wed, 4 May 2022 00:37:04 +0200 Subject: [PATCH] migrate volar links to vue publisher --- src/guide/quick-start.md | 2 +- src/guide/typescript/overview.md | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/guide/quick-start.md b/src/guide/quick-start.md index dc01406bea..434128352a 100644 --- a/src/guide/quick-start.md +++ b/src/guide/quick-start.md @@ -50,7 +50,7 @@ If you are unsure about an option, simply choose `No` by hitting enter for now. You should now have your first Vue project running! Here are some additional tips: -- The recommended IDE setup is [Visual Studio Code](https://code.visualstudio.com/) + [Volar extension](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar). [WebStorm](https://www.jetbrains.com/webstorm/) is also viable. +- The recommended IDE setup is [Visual Studio Code](https://code.visualstudio.com/) + [Volar extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar). [WebStorm](https://www.jetbrains.com/webstorm/) is also viable. - More tooling details, including integration with backend frameworks, are discussed in the [Tooling Guide](/guide/scaling-up/tooling.html). - To learn more about the underlying build tool Vite, check out the [Vite docs](https://vitejs.dev). - If you chose to use TypeScript, check out the [TypeScript Usage Guide](typescript/overview.html). diff --git a/src/guide/typescript/overview.md b/src/guide/typescript/overview.md index d39070b560..7748495b41 100644 --- a/src/guide/typescript/overview.md +++ b/src/guide/typescript/overview.md @@ -28,13 +28,13 @@ With a Vite-based setup, the dev server and the bundler are transpilation-only a - [Visual Studio Code](https://code.visualstudio.com/) (VSCode) is strongly recommended for its great out-of-the-box support for TypeScript. - - [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) is the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features. + - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) is the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features. :::tip Volar replaces [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur), our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects. ::: - - [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) is also needed to get type support for `*.vue` imports in TS files. + - [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) is also needed to get type support for `*.vue` imports in TS files. - [WebStorm](https://www.jetbrains.com/webstorm/) also provides out-of-the-box support for both TypeScript and Vue. Other JetBrains IDEs support them too, either out of the box or via [a free plugin](https://plugins.jetbrains.com/plugin/9442-vue-js). @@ -59,7 +59,7 @@ See also: > This section only applies for VSCode + Volar. -To get Vue SFCs and TypeScript working together, Volar creates a separate TS language service instance patched with Vue-specific support, and uses it in Vue SFCs. At the same time, plain TS files are still handled by VSCode's built-in TS language service, which is why we need [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) to support Vue SFC imports in TS files. This default setup works, but for each project we are running two TS language service instances: one from Volar, one from VSCode's built-in service. This is a bit inefficient and can lead to performance issues in large projects. +To get Vue SFCs and TypeScript working together, Volar creates a separate TS language service instance patched with Vue-specific support, and uses it in Vue SFCs. At the same time, plain TS files are still handled by VSCode's built-in TS language service, which is why we need [TypeScript Vue Plugin](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to support Vue SFC imports in TS files. This default setup works, but for each project we are running two TS language service instances: one from Volar, one from VSCode's built-in service. This is a bit inefficient and can lead to performance issues in large projects. Volar provides a feature called "Takeover Mode" to improve performance. In takeover mode, Volar provides support for both Vue and TS files using a single TS language service instance.