小羔羊分享站(備用站點)

好軟體推薦-10 讓你在VS code上也能讀行號跟統計字數的插件，李朗VSCode讀屏助手

 4 分鐘

好軟體推薦-10 讓你在VS code上也能讀行號跟統計字數的插件，李朗VSCode讀屏助手

Hi大家，
這次要介紹的是由大陸開發者（李朗）製作的VS code插件，如果你有在做軟體開發，對VS code應該不陌生才對，
但為了讓更多人能看懂，就簡單的介紹一下VS code這個文字編輯器好了，
ok，那就開始吧!

什麼是VS code

VS Code 是個很受歡迎的文字編輯器，比起普通的記事本可厲害多了。
想像一下，如果記事本是一支普通的鉛筆，那 VS Code 就像是一支多功能的自動鉛筆。

它有很多強大的功能：

  • 會自動幫你補完程式碼，就像是會讀心的小幫手。
  • 程式碼會自動變色，重要的部分特別顯眼，看起來清清楚楚。
  • 有個叫「除錯」的功能，能幫你找出程式裡的小問題，省去不少挠頭的時間。
  • 可以安裝各種實用的「插件」，就像給你的鉛筆加上新功能。

無論你是寫網頁、做 App，還是玩數據分析，VS Code 都能派上用場。
它讓寫程式變得更有效率，也更有趣。雖然不會讓你一夜成為程式高手，但絕對是個稱職的好幫手！

李朗VSCode讀屏助手介紹

李朗讀屏助手是一款為視障用戶提供程式碼朗讀輔助的VS Code擴展，它可以幫助您更輕鬆地理解和定位代碼。
-《字符統計》按ctrl+win+home朗讀當前程式碼的總行數和字元數
-《朗讀當前所在的行號》按ctrl+win+end朗讀當前光標所在位置
增强讀屏軟件的功能，讓程式碼閱讀更便捷。
支持爭渡、NVDA讀屏軟件。
p.s 上面的介紹為2024/08/17的版本

下載

點我下載李朗的VS code讀屏助手2024-08-17
點我下載VS codeV1.92.0

插件安裝方法

為了避免文章中提供的是過時的資訊，請優先參考插件壓縮包內的說明。

  1. 在VSCode介面鎖定編輯模式
  2. 按ctrl+shift+x打開擴展安裝對話方塊
  3. shift+tab反切一下到刷新或重新整理按鈕
  4. 按左方向鍵到視圖和更多操作…選單按鈕已折疊
  5. 回車打開選單，之後按上、下找
    從VSIX安裝…
    按enter，
    此時會打開一個瀏覽檔案的對話框
  6. 找到
    插件安裝包“李朗VSCode讀屏助手.vsix”
    按enter安裝，如果沒有問題會提示安裝成功
  7. 重啓VSCode即可生效

錯誤排除

  • 如果提示版本不相容，你可以安裝本篇文章提供的VS code安裝包
  • 如果看到有些功能受到限制之類的提示，可能需要新增信任的工作區，才能正常使用插件的功能

工作區（Workspace）的作用：

  1. 同時管理多個專案或相關的資料夾
  2. 為不同專案保存特定的設定和擴展
  3. 方便在多個相關項目間快速切換
新增工作區

如果你發現已經安裝了插件，但無法正常使用，你可能需要按照下面的步驟設定一下信任的工作區，
工作區其實就是電腦中的一個資料夾，只不過換了個抽象點的稱呼，
設定好之後，在工作區中的所有檔案就能正常使用插件的功能了。

  1. 用VS Code打開一個檔案
  2. NVDA的用戶按NVDA+空格切到瀏覽模式
  3. 按下 Ctrl+K 然後再按 Ctrl+O 來打開選擇資料夾的對話框
  4. 選擇你要加入工作區的資料夾，默認會在檔案所在的目錄中
  5. 會談出一個對話框，要點擊
    信任資料並繼續 按鈕
    或是直接點擊
    是，我信任作者 按鈕
  6. 重新用VS code打開檔案，就可以正常使用插件了

NVDA的設定

在安裝完畢後，朗讀的內容會比較冗餘，聽起來像這樣→
資訊: 資訊: 1行1列
資訊: 資訊: 共208行8053个字
在簡體中文系統上，資訊會朗讀為（信息），
所以等一下設定的時候要根據自己的語言來做修改才行喔!

  1. 按nvda+n，打開nvda菜單，依序找到
    偏好(P) 子功能表
    讀音字典(D) 子功能表
    預設字典(D)...
    按enter
    p.s 簡體中文的系統上會略有差異，需要自己變通一下
  2. 先點擊
    新增(A) 按鈕 Alt+a
  3. 然後一個蘿蔔一個坑的貼上下面的內容
    原來文字(P) 編輯區 Alt+p
    資訊:\s(\d+)行(\d+)列
    替代文字(R) 編輯區 Alt+r
    \1行 \2列
    正規表達式(E) 選擇鈕 勾選 Alt+e
    然後點擊
    確認 按鈕
    第一個舊設置好了，還有第二個
  4. 再次點擊
    新增(A) 按鈕 Alt+a
  5. 同樣填入
    原來文字(P) 編輯區 Alt+p
    資訊:\s共(\d+)行(\d+)个字
    替代文字(R) Alt+r
    共\1行\2個字
    正規表達式(E) 選擇鈕 勾選 Alt+e
    一樣點擊
    確認 按鈕
  6. 最後在點擊預設字典中的
    確認 按鈕
    然後記得按nvda+ctrl+c保存設定
  7. 如果你使用的是word voice語音，還需要檢查以下的設置，否則將無法成功匹配到需要替換的文字:
    • nvda+n 打開nvda菜單
    • WorldVoice 子功能表
    • 語音設定(S)
    • 語言切換 4 之 2
    • tab找到
      增強語音命令： 下拉式方塊 在 NVDA 處理後 折疊
      p.s 如果選擇在NVDA處理前將無法成功匹配
  8. 一切都完成後，你可以打開vs code，按下說明中提到的快速鍵，你聽到的會像這樣→
    資訊: 1行1列
    資訊: 共208行8053个字
  9. 大功告成!

聯繫作者

你還可以透過下面的方式來找到作者→