Flutter Hello World

  • Flutter官方在github中提供了相应的demo示例集,可以在Flutter源码地址中下载该示例。
git clone https://github.com/flutter/flutter.git
  • 使用vscode打开hello world示例文件夹路径fluuter/examples/hello_world
  • 打开debug页签,选择添加Dart/Flutter配置,并开始构建。
  • 构建之前,vscode会通过flutter packages get命令来获取该项目所需的相关包。

第一次打开该工程时,vscode会检查该工程是的package是否完全,可以点击获取,则vscode会调用flutter packages get来获取或更新项目所需相关包
如果出现Waiting for another flutter command to release the startup lock...错误,需要删除$FLUTTER_HOME/bin/cache/lockfile文件,释放flutter命令锁定
如果在获取包时出现以下错误提示,请打开pubspec.yaml文件,调整dependencies下项目支持包的版本号,或替换掉已废弃的包。

[flutter_view] flutter packages get
Running "flutter pub get" in flutter_view...                    
Because flutter_view depends on flutter any from sdk which depends on meta 1.1.7, meta 1.1.7 is required.
So, because flutter_view depends on meta 1.1.8, version solving failed.


pub get failed (1; So, because flutter_view depends on meta 1.1.8, version solving failed.)

工程目录结构

  • 打开项目时可以看到如下工程目录结构,结构如下:
├── README.md           --项目说明文件
├── android             --编译Android项目的源码工程路径
├── ios                 --编译IOS项目的源码工程路径
├── images              --图片资源路径
├── lib                 --Flutter源码工程路径
│   └── main.dart       --默认main入口
├── pubspec.lock        --根据当前项目依赖所生成的文件,记录了当前使用的库的依赖版本
└── pubspec.yaml        --Flutter项目的核心配置文件
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐