这些命令或者内容你可以在Flutter CN找到,我把经常用的统计出来,方便查看。
如果你觉得不够详细,可以去官网查看。
安装
- 配置镜像,去官网看,镜像和非镜像关系,平台多,就不举例
- 命令
配置好AS 和 JAVA 环境, 配置好Android SDKManager 的bin 到path环境变量
下面doctor后有的问题可能不会出现,根据提示来
iOS 平台需要cocoapods
git clone -b dev https://github.com/flutter/flutter.git
flutter doctor
sdkmanager --install "cmdline-tools;latest"
flutter doctor --android-licenses
sudo gem install cocoapods
gem install cocoapods --user-install
gem which cocoapods
...
gem install cocoapods
flutter doctor 确认环境都正常
确认环境的正确性
which flutter
which flutter dart
sudo xcodebuild -license (和 flutter doctor --android-licenses 意思相近)
创建项目验证
cd flutter_study
flutter create my_app
open -a Simulator
cd my_app
flutter run
查看跑起来的iOS 应用
flutter devices
退出之后,查看
flutter config --enable-macos-desktop
支持桌面
flutter devices
chrome也能连接
flutter run -d chrome
这部分文档写的不好,我们无论学习还是生产,都是标准的能够用的态度,不要随便给个demo例子
自定义创建
flutter create --org 你的包名 项目名
构建web release
flutter build web
Release 构建产物使用 [dart2js](https://dart.cn/tools/dart2js)(不是 dartdevc)生成了一个单独的 JavaScript `main.dart.js` 文件。
你可以通过 release 模式 (`flutter run --release`) 或者 `flutter build web` 创建一个发行构建。
输出文件在 `build/web` 目录下,包括需要一起提供的 `assets` 资源文件。
你也可以使用 `--web-renderer html` 或 `--web-renderer canvaskit` 来切换 HTML 或 CanvasKit 渲染器。
更多信息请参阅[网页渲染器](https://flutter.cn/docs/development/tools/web-renderers)。
了解更多相关信息,请查阅文档: [打包并发布 Web 应用](https://flutter.cn/docs/deployment/web)。
## [](https://flutter.cn/docs/get-started/web#add-web-support-to-an-existing-app)
向现有的应用添加Flutter web
flutter create .
Flutter 2021 版本
flutter --version
Flutter 2.4.0-4.0.pre • channel dev • https://github.com/flutter/flutter.git
Framework • revision cc00e7e6bc (7 days ago) • 2021-07-11 18:21:02 -0400
Engine • revision ed25e8f01e
Tools • Dart 2.14.0 (build 2.14.0-301.0.dev)