From b5901c2a4794ce48ec22e889e6648784799f3e4c Mon Sep 17 00:00:00 2001 From: kentah <158997636+KentaHizume@users.noreply.github.com> Date: Tue, 12 Mar 2024 15:38:18 +0900 Subject: [PATCH 1/3] =?UTF-8?q?Vue.vscode-typescript-vue-plugin=E3=82=92?= =?UTF-8?q?=E6=8E=A8=E5=A5=A8=E6=8B=A1=E5=BC=B5=E6=A9=9F=E8=83=BD=E3=81=8B?= =?UTF-8?q?=E3=82=89=E5=A4=96=E3=81=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dressca-frontend/.vscode/extensions.json | 1 - samples/web-csr/dressca-frontend/README.md | 15 ++------------- 2 files changed, 2 insertions(+), 14 deletions(-) diff --git a/samples/web-csr/dressca-frontend/.vscode/extensions.json b/samples/web-csr/dressca-frontend/.vscode/extensions.json index a01703490..7536bb6e3 100644 --- a/samples/web-csr/dressca-frontend/.vscode/extensions.json +++ b/samples/web-csr/dressca-frontend/.vscode/extensions.json @@ -1,7 +1,6 @@ { "recommendations": [ "Vue.volar", - "Vue.vscode-typescript-vue-plugin", "cpylua.language-postcss", "editorconfig.editorconfig", "dbaeumer.vscode-eslint", diff --git a/samples/web-csr/dressca-frontend/README.md b/samples/web-csr/dressca-frontend/README.md index 8a14949b2..154f2947b 100644 --- a/samples/web-csr/dressca-frontend/README.md +++ b/samples/web-csr/dressca-frontend/README.md @@ -7,22 +7,11 @@ 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=johnsoncodehk.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin). +[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). ## 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=johnsoncodehk.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types. - -Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. -If the standalone TypeScript plugin doesn't feel fast enough to you use it. -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 - 1. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` -1. 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. ## Customize configuration From b4ad9a745be68ab328ed6c7b609b0a3205716288 Mon Sep 17 00:00:00 2001 From: kentah <158997636+KentaHizume@users.noreply.github.com> Date: Tue, 12 Mar 2024 16:45:12 +0900 Subject: [PATCH 2/3] =?UTF-8?q?textlint=E3=81=AE=E8=AD=A6=E5=91=8A?= =?UTF-8?q?=E3=81=AB=E5=AF=BE=E5=BF=9C=E3=81=99=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- maia.code-workspace | 3 ++- samples/web-csr/dressca-frontend/README.md | 5 ++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/maia.code-workspace b/maia.code-workspace index 9faad3826..d8bb5f4f6 100644 --- a/maia.code-workspace +++ b/maia.code-workspace @@ -47,7 +47,8 @@ "tailwindcss", "textlint", "webmvc", - "winbatch" + "winbatch", + "Vetur", ], "markdownlint.ignore": [ "LICENSE" diff --git a/samples/web-csr/dressca-frontend/README.md b/samples/web-csr/dressca-frontend/README.md index 154f2947b..e7e44ef8e 100644 --- a/samples/web-csr/dressca-frontend/README.md +++ b/samples/web-csr/dressca-frontend/README.md @@ -1,6 +1,5 @@ - + - # dressca-frontend This template should help get you started developing with Vue 3 in Vite. @@ -59,4 +58,4 @@ npm run lint - favicon: - content: - + From 2ce93b0717a06c9afe45477584e8866beccfbb42 Mon Sep 17 00:00:00 2001 From: kentah <158997636+KentaHizume@users.noreply.github.com> Date: Thu, 14 Mar 2024 14:35:30 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E8=BE=9E=E6=9B=B8=E7=99=BB=E9=8C=B2?= =?UTF-8?q?=E3=82=92=E3=82=A2=E3=83=AB=E3=83=95=E3=82=A1=E3=83=99=E3=83=83?= =?UTF-8?q?=E3=83=88=E6=98=87=E9=A0=86=E3=81=AB=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- maia.code-workspace | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/maia.code-workspace b/maia.code-workspace index d8bb5f4f6..5238ef989 100644 --- a/maia.code-workspace +++ b/maia.code-workspace @@ -46,9 +46,9 @@ "stylelint", "tailwindcss", "textlint", + "Vetur", "webmvc", "winbatch", - "Vetur", ], "markdownlint.ignore": [ "LICENSE"