Skip to main content

VsCode & Cursor Tool

general​

Tabnine AI Autocomplete​

聰明的幫你補上提示，讓你寫 code 更輕鬆。

Tabnine AI Autocomplete

Auto Import​

自動幫你把 import 的 code 作一個排序

Auto Import

Code Spell Checker​

怕你手殘打錯字，有小蚯蚓告訴你的

Tailwind Fold​

tailwind 的主缺就是 classname 超長，沒有辦法好好的閱讀，但這個小套件能讓你的 class 轉成一個 fold 的樣子，想看的時候在把它打開

For Angular​

Angular Extension Packv13.1.0​

Will 保哥 的組合包，下載就對了

Angular 10 Snippets - TypeScript, Html, Angular​

在寫 code 的過程中，會自動的加一些 prefix 之類的

Angular Files​

可以直接在 folder 上 add component, pipe, derective ...

setting new profile​

新增加一個 profile ，可以讓你的套件分開來被管理，不用在每次一進來的時候就 load 很多，你用不到的套件。

在 VSCode 裡，設定檔(Settings)的作用域(scope)分為：

  1. User Settings: 使用者設定，這裡設定檔為全域(global scope)，會影響所有 vscode 開啟的 window 的編輯器。
  2. Workspace Settings: 工作區設定，在工作區(workspace)底下的.vscode或.code-workspace資料夾底下的設定。當工作區配置和使用者設定到同一個設定選項時，VSCode 會以工作區對該專案的特定配置為主。

當我們使用 VSCode 打開一個專案資料夾，VSCode 會默認該專案資料夾的 root folder 底下為一個工作區，我們也可以使用 multi-root workspace 的功能同時開啟多個工作區。默認情況下，VSCode 會抓取.vscode資料夾下面的設定檔案，當使用 multi-root workspace 的功能時，vscode 則是會抓取.code-workspace

如果要這設定 profile 的 settings.json 的話，可以在 search 的地方打上 「Preferences」，這邊的 settings.json ，是單獨 for 這個 profile 的。

Day03 | VSCode 使用者與工作區設定 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天