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

Question

版本信息颤振医生-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 应用程序.

预期结果：

我的 IntelliJ Idea 中的 Dart 模板：

Answer 1

自从 flutter 1.9 flutter_web 合并到 flutter 中，请按照以下步骤通过 IntelliJ IDEA 创建和运行您的第一个 flutter web 应用程序。

创建一个新的 flutter 项目。
现在使用 flutter channel master
升级flutter flutter 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
使用 cd myapp
最后，运行flutter run -d chrome

并且您将能够运行您的 flutter web 应用进入 chrome。万岁

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

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

Flutter web app option not found under dart templates while creating new dart project in Intellij IDEA

intellij-idea

dart

flutter

flutter-web