diff --git a/svelte/19-webstorm-settings.md b/svelte/19-webstorm-settings.md new file mode 100644 index 0000000..5232132 --- /dev/null +++ b/svelte/19-webstorm-settings.md @@ -0,0 +1,33 @@ +# WebStorm IDE 設定 + +目前寫 SvelteKit 是用 JetBrains 的 WebStorm 來進行開發。這裡記錄一些對於 WebStorm 的設定。 + +## 調整重複程式碼的偵測範圍 + +在寫 SvelteKit 中的 `+page.server.ts` 時,發現會莫名其妙的出現 _重複程式碼行數過多_ 的提醒。 +看了一下才發現原來 WebStorm 也將 `.svelte-kit` 資料夾底下的檔案納入檢查的範圍。 +但這個資料夾是 SvelteKit 自動產生的,照理說不應該納入檢查的範圍才對。 + +這個檢查的範圍可以進行調整。 + +首先在設定中找到 _Editor -> Inspections -> General -> Duplicate code fragment_。 + +點開 _Scope_ 下拉選單,並選擇 _Edit Scopes Order..._ 來新增自己想要的檢查範圍 + +![change-duplicate-code-fragment-01](./images/change-duplicate-code-fragment-01.png) + +點擊鉛筆圖示來新增檢查範圍。 + +![change-duplicate-code-fragment-02](./images/change-duplicate-code-fragment-02.png) + +新增一個叫做 `SvelteKit` 的範圍,並輸入 `file:src/*`。指定只檢查 `src` 資料夾底下的檔案。 + +![change-duplicate-code-fragment-03](./images/change-duplicate-code-fragment-03.png) + +在 _Scope_ 選擇剛剛建立的範圍 `SvelteKit`。並取消 `Everywhere else` 這個範圍。 + +![change-duplicate-code-fragment-04](./images/change-duplicate-code-fragment-04.png) + +## 參考資料 + +- [WebStorm Document - Locate duplicates](https://www.jetbrains.com/help/webstorm/analyzing-duplicates.html#configure-inspection) diff --git a/svelte/images/change-duplicate-code-fragment-01.png b/svelte/images/change-duplicate-code-fragment-01.png new file mode 100644 index 0000000..c67ab20 Binary files /dev/null and b/svelte/images/change-duplicate-code-fragment-01.png differ diff --git a/svelte/images/change-duplicate-code-fragment-02.png b/svelte/images/change-duplicate-code-fragment-02.png new file mode 100644 index 0000000..9050e54 Binary files /dev/null and b/svelte/images/change-duplicate-code-fragment-02.png differ diff --git a/svelte/images/change-duplicate-code-fragment-03.png b/svelte/images/change-duplicate-code-fragment-03.png new file mode 100644 index 0000000..f61d156 Binary files /dev/null and b/svelte/images/change-duplicate-code-fragment-03.png differ diff --git a/svelte/images/change-duplicate-code-fragment-04.png b/svelte/images/change-duplicate-code-fragment-04.png new file mode 100644 index 0000000..9c1d82d Binary files /dev/null and b/svelte/images/change-duplicate-code-fragment-04.png differ