flutter入坑指南

flutter入坑指南

1.環境安裝

cd $HOME
vim ~/.bash_profile
export PATH=/Users/ioth5/lxd/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

執行並創建 bash_profile文件,添加flutter全局變量

常用的操作命令

R 熱更新,有更改"R"可以直接刷新安卓程序
P 顯示安卓網格
O 轉換到IOS樣式
Q 退出.

1.踩坑

在執行export PATH=pwd/flutter/bin:$PATH命令的時候踩了坑,按教程執行完之後,
在命令行輸入 flutter doctor之後仍然會提示找不到flutter這個命令。

2.爬坑

這句命令是來爲flutter設置環境變量的,這裏要根據本機flutter sdk實際安裝目錄來設置。
例如,我這裏flutter中bin文件夾的目錄是/Users/my/flutter_sdk/flutter/bin
所以我們應該執行的,命令是:
export PATH=$PATH:/Users/my/flutter_sdk/flutter/bin

再次在命令行輸入flutter doctor,就不會報找不到flutter命令的錯誤了。

3.出坑

新建一個命令行窗口,再次輸入flutter doctor,你會發現仍然報-bash: flutter: command not found這個錯誤。
這是因爲我們之前設置環境變量的時候,是直接在命令行通過export命令進行的,並沒有全局設置上。
這時候我們應該:
打開.bash_profile文件:open -e .bash_profile

在文件末尾設置追加設置flutter bin目錄路徑爲環境變量:

模擬器啓動命令

1. open -a Simulator // 檢測模擬器
2. flutter run 。    // 啓動應用
3. flutter packages get // 初始化項目

flutter 佈局(Flutter佈局機制的核心就是widget)

重點是什麼?

1.Widgets 是用於構建UI的類.
2.Widgets 用於佈局和UI元素.
3.通過簡單的widget來構建複雜的widget

2. flutter 包的安裝與更新 https://flutterchina.club/using-packages/

1.flutter packages get
2.flutter packages upgrade // 升級到軟件包的新版本
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章