當前位置: 妍妍網 > 碼農

幾個有點冷門的 vscode 外掛程式,但絕對好用!

2024-03-23碼農

今天給大家推薦幾個開發中覺得超級好用的 vscode 外掛程式,別看它冷門,但是真的哢哢提效。

駝峰轉譯助手

寫程式碼的時候,經常感慨,想變量名太難了!想英文變量名,更難!用這個就對了!

如果你的英文和我一樣,不算特別好,真的墻裂推薦這個vscode外掛程式!

中文一鍵轉譯轉換成常用大小駝峰、蛇形等格式。

安裝好外掛程式後,選擇需要轉譯的內容,按快捷鍵就可以調出上面的轉譯內容,選擇你需要的就行了。

win: "Alt+shift+t"
mac: "cmd+shift+t"

如果你選中的英文, 也可以快速的大小寫、駝峰命名轉換

i18n Ally

做過國際化的小夥伴對下面這種語法應該很熟悉:

如果你使用的 vscode 開發工具,則推薦安裝 I18n-ally 這個外掛程式

i18n ally 是一款強大國際化( i18n )外掛程式,它幫助開發者更高效地管理和維護多語言應用程式的轉譯字串。

配置說明如下:

 {
"i18n-ally.localesPaths": ["src/locales"], // 檔讀取路徑
"i18n-ally.key style""nested"//支持巢狀物件(nested)和路徑平鋪(flat)兩種書寫格式
"i18n-ally.sortKeys"true//保存時,按字母順序排序(僅對 json 和 yaml 格式有用)
"i18n-ally.enabledParsers": ["json","js"], //選擇啟用的格式
"i18n-ally.sourceLanguage""zh-CN",// 轉譯源語言
"i18n-ally.displayLanguage""zh-CN",//顯示語言, 這裏也可以設定顯示英文為en
"i18n-ally.enabledFrameworks": ["vue""react"]//指定要使用的框架。 如果未設定值,擴充套件將自動檢測框架
}

⚠️註意:我在使用時發現,語言采用 js 檔,配置了 "i18n-ally.enabledParsers": ["js"] 也沒有找到語言檔,最後改成 json 格式。

配置好該外掛程式後,你的程式碼內可以即時看到對應的語言內容:

該外掛程式還提供了一系列的功能,使得國際化過程更加簡單和自動化:

  • 轉譯工作流程 :外掛程式提供了一個整合的轉譯工作流程,包括轉譯提取、轉譯編輯、轉譯合並和轉譯同步等。

  • 編輯器內轉譯 :開發者可以直接在編輯器內檢視和編輯轉譯,無需離開程式碼環境。

  • 轉譯提取 :自動從原始碼中提取文本字串,生成轉譯鍵和初始的轉譯檔。

  • 轉譯同步 :同步轉譯檔和原始碼中的文本,確保轉譯的一致性。

  • 轉譯驗證 :檢查轉譯檔中的語法錯誤和缺失的轉譯,確保轉譯品質。

  • 語言切換 :快速在不同的語言版本之間切換,方便比較和稽核。

  • 整合第三方轉譯服務 :支持與外部轉譯服務(如 Google Translate)整合,自動轉譯文本。

  • github Repositories

    你還在 clone 或者下載 GitHub 的計畫源碼嗎?

    大家在檢視或者想要修改GitHub倉庫中的程式碼時,首先想到的都是 git clone 下載程式碼到本地, 但是 git clone 操作需要等待比較長的時間,如果超時還要重來,費時費力。

    不過,現在好了,可以使用VS Code直接操作遠端GitHub倉庫,無需Clone哦!

    github Repositories 允許你直接在VS Code中快速瀏覽、搜尋、編輯和送出到任何遠端GitHub倉庫。

    來實際體驗一下 Remote Repositories 的強大之處吧!

    安裝完外掛程式後,在VS Code 左下角有個藍色圖示:

    點選圖示後,選擇 開啟遠端儲存庫

    例如我們想看 ant-design 的源碼, 點選藍色圖示後,把 GitHub 上的源碼地址復制進去就可以了。

    可以看到 ant-design 的源碼瞬間就在vscode中了,還可以送出修改,豈不美哉!

    GitHub Copilot

    GitHub Copilot 於 2021 年 10 月推出,是 GitHub 的較新工具之一。Copilot 被稱為「人工智慧結對程式設計師」,它使用人工智慧在編輯器中自動生成程式碼。

    去年 AI 大火後,作者就開始用它,這是不得不介紹的外掛程式,它可以幫做一些重復性的程式碼工作,可以默默地增加摸魚時間。

    其實它現在已經算熱門外掛程式了。不過它是一個付費產品,首月可以免費使用:

    主要特點:

  • 智慧程式碼補全 :GitHub Copilot 能夠根據當前程式碼的上下文,自動補全程式碼,提供函式、類、方法等的程式碼建議。

  • 多語言支持 :支持多種程式語言,包括但不限於 Python、JavaScript、Ruby、TypeScript 等。

  • 上下文感知 :根據註釋、變量名、函式名等上下文資訊,生成符合邏輯的程式碼片段。

  • 程式碼生成 :可以根據開發者的描述或註釋生成程式碼,例如,根據註釋中的描述生成特定功能的函式。


  • 👇🏻 點選下方閱讀原文,獲取魚皮往期編程幹貨。

    往期推薦