在 Intellij IDEA 中创建新的 dart 项目时，在 dart 模板下找不到 Flutter Web 应用程序选项

Posted 2023-02-23

【中文标题】在 Intellij IDEA 中创建新的 dart 项目时，在 dart 模板下找不到 Flutter Web 应用程序选项

【英文标题】：Flutter web app option not found under dart templates while creating new dart project in Intellij IDEA

【发布时间】：2020-07-23 05:52:54

【问题描述】：

版本信息 颤振医生-v：

[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.15 19A582a,
    locale en-US)
    • Flutter version 1.12.13+hotfix.9 at /Users/dhavalkansara/flutter
    • Framework revision f139b11009 (11 days ago), 2020-03-30 13:57:30 -0700
    • Engine revision af51afceb8
    • Dart version 2.7.2


[✓] android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at /Users/dhavalkansara/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling
      support)
    • Platform android-29, build-tools 29.0.2
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_212-release-1586-b4-5784211)
    • All Android licenses accepted.

[✓] Xcode - develop for ios and macOS (Xcode 11.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.3.1, Build version 11C504
    • CocoaPods version 1.8.0

[✓] Android Studio (version 3.6)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 34.0.1
    • Dart plugin version 182.5215
    • Java version OpenJDK Runtime Environment (build
      1.8.0_212-release-1586-b4-5784211)

[✓] IntelliJ IDEA Community Edition (version 2019.2.2)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 43.0.2
    • Dart plugin version 192.7761

[!] Connected device
    ! No devices available

我想通过 IntelliJ IDEA 创建一个新的 Flutter Web 应用程序，为此，我在 dart 模板下没有找到任何选项，即 Flutter Web App - 一个简单的 Flutter Web App。。 p>

预期结果：

我的 IntelliJ Idea 中的 Dart 模板：

【问题讨论】：

您是否检查了Flutter 组下的选项。

是的，我已经检查过了，但是我们只能在flutter项目下创建包/插件/项目。在 Flutter 中没有创建 Web 应用的选项。

【参考方案1】：

由于flutter 1.9 flutter_web 被合并到flutter 中，请按照以下步骤通过IntelliJ IDEA 创建并运行您的第一个flutter web App。

创建一个新的颤振项目。 现在使用flutter channel master 将您的颤振频道更改为主频道 升级flutterflutter upgrade 安装flutter_web构建工具flutter pub global activate webdev 使用flutter config --enable-web 启用颤振网络

检查可用设备flutter devices，你会得到如下结果：

Chrome     • chrome     • web-javascript • Google Chrome 81.0.4044.92    
Web Server • web-server • web-javascript • Flutter Tools

在你的flutter项目中使用flutter create myapp创建myapp

使用 cd myapp 在 myapp 内部导航 最后，运行flutter run -d chrome

您将能够将您的 Flutter Web 应用程序运行到 chrome 中。万岁?????

参考链接：Building a web application with Flutter，flutter_web

【讨论】：

谢谢，这很有用，但我想知道什么是最适合我们的开发模式。我们的物理设备或虚拟设备，如 genymotion 或 web？你的想法是什么？