上手开发一个入门级别的应用。

创建 APP

  1. flutter create myapp

该命令会创建一个名为 myapp，里面包含一个简单的示例程序，里面用到了 Material 组件

输出如下信息，

  1. All done!
  2. You'll need to install additional components before you can run your Flutter
  3. app:
  5. [✓] Flutter (Channel stable, v1.9.1+hotfix.2, on Mac OS X 10.14.6 18G95, locale
  6.     zh-Hans-CN)
  7.     • Flutter version 1.9.1+hotfix.2 at
  8.       /Users/taoshilei/Documents/develop/flutter
  9.     • Framework revision 2d2a1ffec9 (11 days ago), 2019-09-06 18:39:49 -0700
  10.     • Engine revision b863200c37
  11.     • Dart version 2.5.0
  13. [✗] Android toolchain - develop for Android devices
  14.     ✗ Unable to locate Android SDK.
  15.       Install Android Studio from:
  16.       https://developer.android.com/studio/index.html
  17.       On first launch it will assist you in installing the Android SDK
  18.       components.
  19.       (or visit https://flutter.dev/setup/#android-setup for detailed
  20.       instructions).
  21.       If the Android SDK has been installed to a custom location, set
  22.       ANDROID_HOME to that location.
  23.       You may also want to add it to your PATH environment variable.
  26. [✗] Xcode - develop for iOS and macOS
  27.     ✗ Xcode installation is incomplete; a full installation is necessary for iOS
  28.       development.
  29.       Download at: https://developer.apple.com/xcode/download/
  30.       Or install Xcode via the App Store.
  31.       Once installed, run:
  32.         sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
  33.     ✗ CocoaPods not installed.
  34.         CocoaPods is used to retrieve the iOS and macOS platform side's plugin
  35.         code that responds to your plugin usage on the Dart side.
  36.         Without CocoaPods, plugins will not work on iOS or macOS.
  37.         For more info, see https://flutter.dev/platform-plugins
  38.       To install:
  39.         sudo gem install cocoapods
  40.         pod setup
  42. [!] Android Studio (not installed)
  43.     • Android Studio not found; download from
  44.       https://developer.android.com/studio/index.html
  45.       (or visit https://flutter.dev/setup/#android-setup for detailed
  46.       instructions).
  48. [!] IntelliJ IDEA Ultimate Edition (version 2019.1.2)
  49.     • IntelliJ at /Applications/IntelliJ IDEA.app
  50.     ✗ Flutter plugin not installed; this adds Flutter specific functionality.
  51.     ✗ Dart plugin not installed; this adds Dart specific functionality.
  52.     • For information about installing plugins, see
  53.       https://flutter.dev/intellij-setup/#installing-the-plugins
  55. [!] Connected device
  56.     ! No devices available
  58. ! Doctor found issues in 5 categories.
  60. After installing components, run 'flutter doctor' in order to re-validate your
  61. setup.
  62. When complete, type 'flutter run' from the 'myapp' directory in order to launch
  63. your app.
  64. Your application code is in myapp/lib/main.dart

提示

应用程序所需的代码在 ‘lib/main.dart’，如果想要从更高层次了解每个代码块的讲解，请看代码中的注释。