這些命令或者內(nèi)容你可以在Flutter CN找到,我把經(jīng)常用的統(tǒng)計(jì)出來玷过,方便查看爽丹。
如果你覺得不夠詳細(xì)筑煮,可以去官網(wǎng)查看。
安裝
- 配置鏡像粤蝎,去官網(wǎng)看真仲,鏡像和非鏡像關(guān)系,平臺多初澎,就不舉例
- 命令
配置好AS 和 JAVA 環(huán)境, 配置好Android SDKManager 的bin 到path環(huán)境變量
下面doctor后有的問題可能不會出現(xiàn)秸应,根據(jù)提示來
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 確認(rèn)環(huán)境都正常
確認(rèn)環(huán)境的正確性
which flutter
which flutter dart
sudo xcodebuild -license (和 flutter doctor --android-licenses 意思相近)
創(chuàng)建項(xiàng)目驗(yàn)證
cd flutter_study
flutter create my_app
open -a Simulator
cd my_app
flutter run
查看跑起來的iOS 應(yīng)用
flutter devices
退出之后,查看
flutter config --enable-macos-desktop
支持桌面
flutter devices
chrome也能連接
flutter run -d chrome
這部分文檔寫的不好碑宴,我們無論學(xué)習(xí)還是生產(chǎn)软啼,都是標(biāo)準(zhǔn)的能夠用的態(tài)度,不要隨便給個(gè)demo例子
自定義創(chuàng)建
flutter create --org 你的包名 項(xiàng)目名
構(gòu)建web release
flutter build web
Release 構(gòu)建產(chǎn)物使用 [dart2js](https://dart.cn/tools/dart2js)(不是 dartdevc)生成了一個(gè)單獨(dú)的 JavaScript `main.dart.js` 文件延柠。
你可以通過 release 模式 (`flutter run --release`) 或者 `flutter build web` 創(chuàng)建一個(gè)發(fā)行構(gòu)建焰宣。
輸出文件在 `build/web` 目錄下,包括需要一起提供的 `assets` 資源文件捕仔。
你也可以使用 `--web-renderer html` 或 `--web-renderer canvaskit` 來切換 HTML 或 CanvasKit 渲染器。
更多信息請參閱[網(wǎng)頁渲染器](https://flutter.cn/docs/development/tools/web-renderers)盈罐。
了解更多相關(guān)信息榜跌,請查閱文檔: [打包并發(fā)布 Web 應(yīng)用](https://flutter.cn/docs/deployment/web)。
## [](https://flutter.cn/docs/get-started/web#add-web-support-to-an-existing-app)
向現(xiàn)有的應(yīng)用添加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)