From: Yordan Ramchev <69005114+Yordan-Ramchev@users.noreply.github.com> Date: Mon, 4 Mar 2024 13:31:13 +0000 (+0200) Subject: refactor: update Volar recommeded plugin (#458) X-Git-Tag: v3.10.0~5 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=adf65a2813bd2dca42e84cca4d922b33d383ca7d;p=thirdparty%2Fvuejs%2Fcreate-vue.git refactor: update Volar recommeded plugin (#458) And removes mentions of the now unused `Vue.vscode-typescript-vue-plugin` Fixes #455 --- diff --git a/template/base/.vscode/extensions.json b/template/base/.vscode/extensions.json index c0a6e5a4..a7cea0b0 100644 --- a/template/base/.vscode/extensions.json +++ b/template/base/.vscode/extensions.json @@ -1,3 +1,3 @@ { - "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] + "recommendations": ["Vue.volar"] } diff --git a/utils/generateReadme.ts b/utils/generateReadme.ts index 0dd18afa..832396d9 100644 --- a/utils/generateReadme.ts +++ b/utils/generateReadme.ts @@ -4,14 +4,7 @@ const sfcTypeSupportDoc = [ '', '## Type Support for `.vue` Imports in TS', '', - 'TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.', - '', - "If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:", - '', - '1. Disable the built-in TypeScript Extension', - " 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette", - ' 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`', - '2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.', + 'TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.', '' ].join('\n') @@ -36,7 +29,7 @@ This template should help get you started developing with Vue 3 in Vite. ## Recommended IDE Setup -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). +[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). ${needsTypeScript ? sfcTypeSupportDoc : ''} ## Customize configuration