今天給大家推薦幾個開發中覺得超級好用的
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 等。
上下文感知 :根據註釋、變量名、函式名等上下文資訊,生成符合邏輯的程式碼片段。
程式碼生成 :可以根據開發者的描述或註釋生成程式碼,例如,根據註釋中的描述生成特定功能的函式。
👇🏻 點選下方閱讀原文,獲取魚皮往期編程幹貨。
往期推薦