Google 的 Flutter 團(tuán)隊(duì)負(fù)責(zé)構(gòu)建和維護(hù) Android Studio (基于 IntelliJ-IDEA) 和 Visual Studio Code (VS Code) 的支持。我們將代碼補(bǔ)全、語(yǔ)法高亮、widget 編輯輔助、運(yùn)行和調(diào)試等功能集成到這些 IDE 插件中，用于 Flutter 應(yīng)用開(kāi)發(fā)。Flutter 開(kāi)發(fā)者們從一開(kāi)始就有在使用這兩種 IDE，Android Studio 以前比 VS Code 更受歡迎，不過(guò) VS Code 近期在 Flutter 開(kāi)發(fā)中的熱度一直在穩(wěn)步增加，最近甚至超過(guò)了 Android Studio，如下文圖中所示。

為了更好地理解 Flutter 開(kāi)發(fā)者在選擇 IDE 時(shí)的想法，F(xiàn)lutter UX 團(tuán)隊(duì)在 2022 年 5 月開(kāi)展了針對(duì)此課題的特別調(diào)研。

在后文中，"Android Studio" 同時(shí)代表 "Android Studio" 和 "IntelliJ-IDEA"。

△ 圖 1. 從 2021 年 8 月到 2022 年 7 月，使用每個(gè) IDE 的 Flutter 開(kāi)發(fā)者數(shù)量。圖中可以看出 VS Code 在過(guò)去幾個(gè)月中變得更受歡迎。

我們對(duì) IDE 的現(xiàn)有了解

除了知道 Flutter 開(kāi)發(fā)者在 2022 年初時(shí)使用 Android Studio 和 VS Code 的人數(shù)各占一半之外，我們根據(jù)之前的調(diào)研，對(duì)開(kāi)發(fā)者的選擇有了更深入的了解。

Flutter 開(kāi)發(fā)者傾向于使用他們熟悉的 IDE

在 2019 年第三季度，我們?cè)儐?wèn) Flutter 開(kāi)發(fā)者為什么更喜歡他們使用最多的 IDE。最常見(jiàn)的回答是:這個(gè) IDE "我更熟悉"。

△ 圖 2. 根據(jù) 2019 年第三季度的調(diào)研，80% 的 Android Studio 用戶和 61% 的 VS Code 用戶表示，他們選擇 IDE 是因?yàn)閷?duì)其更熟悉。

VS Code 用戶看重在 IDE 中體驗(yàn)到的速度

上圖 (圖 2) 中另外值得一提的是，68% 的 VS Code 用戶選擇該 IDE 是因?yàn)樗绕渌?IDE 更快，而只有 15% 的 Android Studio 用戶如此認(rèn)為。在一個(gè)開(kāi)放式問(wèn)題中，VS Code 用戶表示他們喜歡該 IDE 是因?yàn)樗m輕量卻具有多種擴(kuò)展程序。

VS Code 用戶對(duì) Flutter 的 IDE 支持更滿意

我們還詢問(wèn)了對(duì) Flutter 的 IDE 支持的滿意度，VS Code 用戶對(duì)此更為滿意。(我們記錄了開(kāi)發(fā)者從 IDE 打開(kāi)調(diào)研問(wèn)卷時(shí)是在使用哪個(gè) IDE。當(dāng)開(kāi)發(fā)者單擊問(wèn)卷鏈接時(shí)，我們會(huì)告知他們將對(duì)此信息進(jìn)行記錄。)

△ 圖 3. 有 93.3% 的 VS Code 用戶對(duì) Flutter 的 IDE 支持感到滿意，只有 85.9% 的 Android Studio 用戶對(duì)此感到滿意。

當(dāng)然，Android Studio 的設(shè)計(jì)目的，是作為面向 Android 開(kāi)發(fā)的完全集成的 IDE，因此它提供更豐富的功能集。開(kāi)發(fā)者們有提到，在 Android Studio 中處理原生 Android 代碼和使用重構(gòu)等便利功能很容易。在本文的下一節(jié)中，我們將深入探討開(kāi)發(fā)者們的偏好，以及為什么盡管 Android Studio 有這些優(yōu)點(diǎn)，開(kāi)發(fā)者對(duì)在其中進(jìn)行 Flutter 開(kāi)發(fā)時(shí)仍不太滿意。

2022 年第二季度調(diào)研結(jié)果總結(jié)

上一節(jié)的結(jié)果讓我們不禁好奇，為什么 Flutter 開(kāi)發(fā)者更樂(lè)意使用 VS Code 支持，而不是 Android Studio 支持。我們想了解 Flutter 開(kāi)發(fā)者真正喜歡 VS Code 的哪些方面。

為了解這一點(diǎn)，我們?cè)儐?wèn)了將主要 IDE 從一個(gè)換成另一個(gè) (既包括從 Android Studio 換成 VS Code，也包括從 VS Code 換成 Android Studio) 的開(kāi)發(fā)者一組問(wèn)題。我們相信這些開(kāi)發(fā)者可以很好地從他們的視角告訴我們每種 IDE 的獨(dú)特價(jià)值。

首先，有更多的 Flutter 開(kāi)發(fā)者從 Android Studio 換成 VS Code。

△ 圖 4. 更多開(kāi)發(fā)者將主要 IDE 從 Android Studio (藍(lán)色) 換成 VS Code (青色)，反向改換的人則很少。

如下圖所示，轉(zhuǎn)用 VS Code 的人喜歡它的性能 (82%) 和易用性 (63%)。另一方面，轉(zhuǎn)用 Android Studio 的人喜歡它的功能 (51%)、與 Flutter 工具的集成 (39%) 以及與原生平臺(tái)的集成 (27%)。

△ 圖 5. 轉(zhuǎn)用其他 IDE 的理由。

仍然有大約 23% 的 Flutter 開(kāi)發(fā)者同時(shí)使用 VS Code 和 Android Studio。當(dāng)詢問(wèn)他們?yōu)槭裁词褂枚鄠€(gè) IDE 時(shí)，最常見(jiàn)的回答是，VS Code 用戶需要使用 Android Studio 和 Xcode 來(lái)實(shí)現(xiàn)特定于原生設(shè)備的功能，例如模擬器設(shè)置、構(gòu)建配置、發(fā)布需求 (例如密鑰生成和簽名)，以及開(kāi)發(fā) Flutter + 原生混合式應(yīng)用。

△ 圖 6. 22.5% 的 Flutter 開(kāi)發(fā)者同時(shí)使用 VS Code 和 Android Studio。

我們從調(diào)研中還了解到，不同國(guó)家或地區(qū)的 Flutter 開(kāi)發(fā)者偏好不同的 IDE。盡管大多數(shù) Flutter 開(kāi)發(fā)者更偏好 VS Code，但中國(guó)的開(kāi)發(fā)者相較于 VSCode (23%) 還是更偏好 Android Studio (56%)。我們發(fā)現(xiàn)這很有趣——Flutter 在全球范圍內(nèi)都有被廣泛采用，但又往往處于不同的開(kāi)發(fā)環(huán)境中。無(wú)論您來(lái)自哪個(gè)國(guó)家或地區(qū)，如果您有任何圍繞這一傾向的故事，歡迎和我們分享。

△ 圖 7. 不同國(guó)家或地區(qū)的 IDE 使用偏好。圖表中各個(gè)國(guó)家或地區(qū)至少包含 100 名受訪者。

結(jié)論

我們的目標(biāo)是提供實(shí)用且完整的開(kāi)發(fā)體驗(yàn)，最大限度地減少大家開(kāi)始使用 Flutter 時(shí)的不便之處，并最大限度地提高開(kāi)發(fā)者的工作效率。我們將基于上述以及未來(lái)的調(diào)研結(jié)果，為今后 Flutter 的 IDE 支持和文檔提供路線圖。我們會(huì)先對(duì)官方網(wǎng)站的上手指南文檔進(jìn)行小幅更新，以更好地反映上文提到的 IDE 偏好和使用模式。