flutter - 在 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 App。

预期结果：

我的 IntelliJ Idea 中的 Dart 模板：

标签： flutterintellij-ideadartflutter-web

Answer 1

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

1. 创建一个新的颤振项目。
2. 现在将您的颤振频道更改为掌握使用flutter channel master
3. 升级颤振flutter upgrade
4. 安装 flutter_web 构建工具flutter pub global activate webdev
5. 使用 Flutter Web 启用flutter config --enable-web

6. 检查可用设备flutter devices，您将得到如下结果：

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

7. 在你的颤振项目中创建 myapp 使用 flutter create myapp

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

您将能够将您的 Flutter Web 应用程序运行到 chrome 中。欢呼

参考链接：使用 Flutter 构建 Web 应用程序，flutter_web