嘿，開發(fā)鴻蒙項目的小伙伴們！如果你在用 DevEco Studio 開發(fā) HarmonyOS 應(yīng)用或者元服務(wù)，不妨花幾分鐘看看這篇文章，教你怎么用一些編輯器小技巧，大大提升開發(fā)效率。無論你是寫 ArkTS、JS 還是 C/C++，都有用！

代碼高亮，閱讀更清晰

我們寫代碼的時候，看得清、看得爽非常重要。DevEco Studio 會自動把關(guān)鍵字、類名、字符串、注釋等不同元素高亮顯示。你還可以自定義這些顏色：

點開菜單的 File > Settings（Mac 是 DevEco Studio > Preferences），在 Editor > Color Scheme 里就能搞定。

而且，想全局設(shè)置？用 Language Defaults。想對某種語言單獨設(shè)置？取消“Inherit values from”，隨心配色！

image.png

快速跳轉(zhuǎn)，方便查找

寫代碼最怕的就是“迷路”了對吧？DevEco Studio 支持 代碼跳轉(zhuǎn) 功能，只要按?。?/p>

• 在編輯器中，可以按住Ctrl鍵（macOS為Command鍵），鼠標(biāo)單擊代碼中引用的類、方法、參數(shù)、變量等名稱，自動跳轉(zhuǎn)到定義處
• 若單擊定義處的類、變量等名稱，當(dāng)僅有一處引用時，可直接跳轉(zhuǎn)到引用位置
• 若有多處引用，在彈窗中可以選擇想要查看的引用位置
• 如果你在做混合語言開發(fā)，比如 ArkTS 和 C/C++ 交互，也能實現(xiàn)“跨語言跳轉(zhuǎn)”！您可以選中接口名稱單擊右鍵，在彈出的菜單中選擇Go To > Implementation(s) 或使用快捷鍵Ctrl+Alt+B，macOS為Command+Option+B實現(xiàn)跨語言跳轉(zhuǎn)。

代碼格式化，整潔看得爽

• 手寫的代碼有時候格式不那么美觀？別擔(dān)心，DevEco Studio 提供了自動格式化功能。按 Ctrl + Alt + L（Mac 是 Option + Command + L）就能一鍵美化選中區(qū)域 。
• 你還可以通過 Settings > Code Style 來自定義格式化規(guī)則
• 甚至還能設(shè)置哪些代碼段不自動格式化，用注釋包起來：

//@formatter:off
// 這段代碼我自己排好了格式
//@formatter:on

• 如果你用 code-linter.json5 配了代碼檢查規(guī)則，還可以右鍵它 → “Apply CodeLinter Style Rules”，也可以右鍵應(yīng)用它的規(guī)則來格式化整個項目

代碼折疊、代碼注釋、查看結(jié)構(gòu)樹……通通支持！

• 想讓代碼清爽點？點擊左側(cè)的箭頭，就能折疊/展開代碼塊；
• 快速注釋代碼：Ctrl+/（macOS 是 Command+/），再按一次是取消注釋；
• 查看當(dāng)前文件結(jié)構(gòu)？用 Alt+7 或 Ctrl+F12（macOS 是 Command+7），就能看到當(dāng)前文件的結(jié)構(gòu)樹——類、函數(shù)、變量、屬性都能一目了然。

快速查找/引用定位

你可以用 Find Usages 快速找出變量、類、函數(shù)的引用位置：

• 方法：右鍵對象名 > Find Usages，或 Alt+F7（macOS 是 Option+F7）；
• 想快速定位所有內(nèi)容？連按兩次 Shift 鍵，輸入關(guān)鍵詞，快速全局搜索！

image.png

API 文檔查閱也超方便

在你使用 API 的時候，鼠標(biāo)懸停就能看到參數(shù)和版本信息。如果想看更詳細(xì)的文檔：

• 點擊彈窗里的“Show in API Reference”，或者
• 右鍵接口名 > “Show in API Reference”

離線也能看，文檔集成了最新版的參考資料哦！

Optimize Imports，一鍵整理導(dǎo)入

使用編輯器提供的Optimize Imports，可以快速清除未使用的import，并根據(jù)設(shè)置的規(guī)則對import進(jìn)行合并或排序。選擇文件或目錄，使用快捷鍵Ctrl+Alt+O（macOS為Control+Option+O），或單擊菜單欄Code > Optimize Imports。

File > Settings > Editor > Code Style > ArkTS > Imports

代碼查找

通過對符號、類或文件的即時導(dǎo)航來查找代碼。檢查調(diào)用或類型層次結(jié)構(gòu)，輕松地搜索工程里的所有內(nèi)容。通過連續(xù)點擊兩次Shift快捷鍵，打開代碼查找界面，在搜索框中輸入需要查找內(nèi)容，下方窗口實時展示搜索結(jié)果。單擊查找的結(jié)果可以快速打開所在文件的位置。

image.png

快速查閱API接口及組件參考文檔

在編輯器中，鼠標(biāo)懸停在需要查閱的接口或組件，彈窗將顯示當(dāng)前接口/組件在不同API版本下的參數(shù)等信息，單擊彈窗右下角Show in API Reference，或選中接口或組件，右鍵點擊Show in API Reference，可以快速查閱更詳細(xì)的API文檔。

父/子類快速跳轉(zhuǎn)

如果你寫的是類或者接口結(jié)構(gòu)比較復(fù)雜的代碼，編輯器支持快速跳轉(zhuǎn)至當(dāng)前接口、類、方法、屬性的子類/父類。點擊代碼編輯區(qū)域左側(cè)的Gutter Icons（裝訂線圖標(biāo)）可以跳轉(zhuǎn)到對應(yīng)的父/子接口或類。如有多個繼承關(guān)系，在彈窗的文件列表中選擇需要查看的接口/類即可。
比如：

• Implemented：跳轉(zhuǎn)到實現(xiàn)類
• Overridden：跳轉(zhuǎn)到子類重寫方法
• Implementing：跳父接口
• Overriding：跳父類方法

image.png

本功能默認(rèn)開啟，可以通過菜單欄進(jìn)入File > Settings > Editor > General > Gutter Icons，通過勾選或取消勾選Implemented、Implementing、Overridden、Overriding四項可以開啟或關(guān)閉該功能。

File > Settings > Editor > General > Gutter Icons

查看接口/類的層次結(jié)構(gòu)

編輯器支持查看當(dāng)前接口/類父類或子類的層次結(jié)構(gòu)。選中或?qū)⒐鈽?biāo)放置于類/接口名稱處，使用快捷鍵Ctrl+H，或在菜單欄Navigate頁簽下選擇Type Hierarchy，在彈出的Hierarchy窗口中查看接口/類的繼承關(guān)系結(jié)構(gòu)。

image.png

總結(jié)

DevEco Studio 不只是個寫代碼的 IDE，它其實藏了超多提升開發(fā)效率的小工具。如果你能靈活運用上面這些技巧，開發(fā) HarmonyOS 應(yīng)用簡直事半功倍。歡迎大家去嘗試～