Flutter：修订间差异
跳到导航
跳到搜索
此页面具有访问限制。如果您看见此消息，则说明您没有权限访问此页面。
无编辑摘要 |
（→開發） |
||
| （未显示同一用户的18个中间版本） | |||
| 第1行： | 第1行： | ||
'''Flutter'''是基於[[Dart]]的軟體框架，用於開發各類桌面或行動端的應用程式。 | '''Flutter'''是基於[[Dart]]的軟體框架，用於開發各類桌面或行動端的應用程式。 | ||
== 安裝 == | |||
=== Linux === | |||
這邊是透過tarball安裝到自己的目錄下<ref>{{Cite web |url=https://docs.flutter.dev/get-started/install/linux |title=Linux Installation Guide |language=en |accessdate=2024-03-01}}</ref>，然後把<code>dart</code>與<code>flutter</code>設一組soft link到<code>~/bin</code>下（我在<code>PATH</code>裡面有設定這個路徑），另外關閉回傳的功能，以及透過precache先下載開發用的檔案： | |||
<syntaxhighlight lang="bash"> | |||
cd /tmp; wget -c https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.19.2-stable.tar.xz; cd ~; tar xvf /tmp/flutter_linux_3.19.2-stable.tar.xz; cd bin; ln -fs ../flutter/bin/dart; ln -fs ../flutter/bin/flutter; flutter config --no-analytics; flutter precache | |||
</syntaxhighlight> | |||
如果有搭配[[fvm]]，以下的指令可以在前面加上<code>fvm</code>即可，像是： | |||
<syntaxhighlight lang="bash"> | |||
fvm flutter config --no-analytics | |||
</syntaxhighlight> | |||
== 設定 == | |||
可以先看一下有哪些想關掉的： | |||
<syntaxhighlight lang="bash"> | |||
flutter config | |||
</syntaxhighlight> | |||
像是如果不處理網頁應用程式： | |||
<syntaxhighlight lang="bash"> | |||
flutter config --no-enable-web | |||
</syntaxhighlight> | |||
接著確認環境： | |||
<syntaxhighlight lang="bash"> | |||
flutter doctor -v | |||
</syntaxhighlight> | |||
== 建立 == | |||
<syntaxhighlight lang="bash"> | |||
flutter create --empty --platforms ios,android --project-name test_flutter . | |||
</syntaxhighlight> | |||
== 開發 == | |||
可以看有哪些模擬器： | |||
<syntaxhighlight lang="bash"> | |||
flutter emulators | |||
</syntaxhighlight> | |||
接著將模擬器（這邊用<code>foo</code>）跑起來： | |||
<syntaxhighlight lang="bash"> | |||
flutter emulators --launch foo | |||
</syntaxhighlight> | |||
然後才是將專案跑起來，這邊有需要的話可以指定<code>--flavor</code>以及<code>--dart-define-from-file</code>： | |||
<syntaxhighlight lang="bash"> | |||
flutter run --flavor=development --dart-define-from-file=config.json -t lib/main.dart | |||
</syntaxhighlight> | |||
=== 快速鍵 === | |||
* 用<kbd>r</kbd>可以Hot Reload。 | |||
== 編譯 == | |||
Android的AppBundle： | |||
<syntaxhighlight lang="bash"> | |||
flutter build appbundle --release | |||
</syntaxhighlight> | |||
== 相關連結 == | |||
* [[Android Studio]] | |||
* [[fvm]] | |||
== 參考文獻 == | |||
{{Reflist|2}} | |||
== 外部連結 == | == 外部連結 == | ||
* {{Official|https://flutter.dev/}} {{en}} | * {{Official|https://flutter.dev/}} {{en}} | ||
[[Category:框架]] | |||
2024年6月17日 (一) 13:05的最新版本
Flutter是基于Dart的软件框架，用于开发各类桌面或行动端的应用程序。
安装
Linux
这边是透过tarball安装到自己的目录下[1]，然后把dart与flutter设一组soft link到~/bin下（我在PATH里面有设定这个路径），另外关闭回传的功能，以及透过precache先下载开发用的档案：
cd /tmp; wget -c https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.19.2-stable.tar.xz; cd ~; tar xvf /tmp/flutter_linux_3.19.2-stable.tar.xz; cd bin; ln -fs ../flutter/bin/dart; ln -fs ../flutter/bin/flutter; flutter config --no-analytics; flutter precache
如果有搭配fvm，以下的指令可以在前面加上fvm即可，像是：
fvm flutter config --no-analytics
设定
可以先看一下有哪些想关掉的：
flutter config
像是如果不处理网页应用程序：
flutter config --no-enable-web
接着确认环境：
flutter doctor -v
建立
flutter create --empty --platforms ios,android --project-name test_flutter .
开发
可以看有哪些模拟器：
flutter emulators
接着将模拟器（这边用foo）跑起来：
flutter emulators --launch foo
然后才是将专案跑起来，这边有需要的话可以指定--flavor以及--dart-define-from-file：
flutter run --flavor=development --dart-define-from-file=config.json -t lib/main.dart
快速键
- 用r可以Hot Reload。
编译
Android的AppBundle：
flutter build appbundle --release
相关连结
参考文献
- ↑ Linux Installation Guide. [2024-03-01] （English）.
外部链接
- 官方网站 （英文）