Flutter第一个项目

运行第一个项目

• 创建项目
  配置环境结束后，启动AndroidStudio在右边的启动选项中，就可以看一个名为Start a new Flutter project的选择，

  

  start_flutter_project.png
  ,点击它进入下个界面：
  
  

  flutter_application.png
  
  ，
  

  flutter_input.png
  
  name要求字母必须为小写，否则不能创建，sdk的path，前面我们已经下载并解压过，手动选择就可以了，选择项目位置，点击Next就可以了。
  

  flutter_company_domain.png
  
  ，就是包名，点击Finish，然后耐心等待。

• 运行项目
  项目创建完成后

  

  first_hello.png
  
  ，先浏览一下打开的界面，我去居然没找到Hello World字样，一个新语言的开始，差不多都该以Hello World开始吧（我狭隘了）。
  点击绿色「运行」按钮，
  

  flutter_no_device.png
  
  ，懒得创建模拟器，直接连真机吧，再次点击运行，稍等片刻，出现下面运行提示

Launching lib/main.dart on ONEPLUS A5000 in debug mode...
Initializing gradle...
Resolving dependencies...
Running Gradle task 'assembleDebug'...
Built build/app/outputs/apk/debug/app-debug.apk.
Installing build/app/outputs/apk/app.apk...
Syncing files to device ONEPLUS A5000...

我连接是Android真机，所以出现这些，如果连接iOS（前提是 flutter doctor命令通过，当然Android也一样）,就会出现下面提示

Launching lib/main.dart on iPhone 8 Plus in debug mode...
Running Xcode build...
Xcode build done.                                           12.6s
Syncing files to device iPhone 8 Plus...

也就是Flutter会根据不同的设备，启动不同的编译和安装，至此我们的Flutter的Demo就运行起来。