VScode 小記

發表於 | 更新於：
文章字數： 1.3k | 閱讀時間≈ 0:07

最近把主力編輯器換成這個，美麗、強大、開源。
記錄一下插件和設定。

插件

參考自1

  1. AutoFileName
    • 自動尋找檔案路徑
  2. Beautifu
    • 美化 Javascript,JSON,CSS,Sass,HTML
  3. Bracket Pair Colorizer
    • ()[]{}顏色會不一樣
  4. Markdownlint
    • 違反 Markdownlint 規則的行會觸發警告，警告用波浪綠屪下劃線表示
  5. Settings Sync
    • 同步設定

Settings Sync 使用方法

官網

1.申請 GitHub Token

  1. 先在 GitHub 設定新的 Token , Settings / Developer settings / Personal access tokens / Generate New Token
  2. 在Select scopes 中，選擇 Gist
  3. 把生成的 Token 儲存下來，之後會要用到

2.VScode Settings Sync 設定

  1. 按快捷鍵 Shift+Alt+U 或 Ctrl+P ，輸入>Sync 選 upload
  2. 輸入 GitHub Token 並按 Enter 繼續。

官方的動態圖：

GIF

3.Settings 下載

  1. 按快捷鍵 Shift+Alt+d 或 Ctrl+P ，輸入>Sync 選 download
  2. 輸入 Github Token
  3. 再輸入 Gist ID ，可以從自已上傳的設定位置https://gist.github.com/{your_userName}/{gist_id}確認

預設 Terminal 改為 PowerShell

在設定中貼上

1
"terminal.integrated.shell.windows": "C:\\WINDOWS\\sysnative\\WindowsPowerShell\\v1.0\\powershell.exe"

ConsoleSetting

來源2
為什麼是一個訪問不到的路徑？sysnative 表示什麼？如果用

%SystemRoot%\system32\WindowsPowerShell\v1.0\powershell.exe
再調用出 VSCode 的 Terminal 可能會出現 “無法加載 PSReadline 模塊。控制台在未使用 PSReadline 的情況下運行。” 或者 “cannot load PSReadline module…” 之類的警告信息。這種警告信息沒有害處，但是看著非常難受。
原因是 PSReadline 這個模塊沒有被安裝在 32 位 PowerShell 環境中，而自己默認去找 powershell.exe 可能會找到 32 位的 system32 路徑中的文件。搞錯了路徑，所以出現這個惱人的警告，至少我開始就搞錯了。

而 sysnative 是一個虛擬目錄，它可以讓 32 位程序找到正確的 64 位 system32 目錄，故不會存在上述問題。

------ THE END ------