ubuntu純凈環(huán)境下派近,搭建flutter_web搭建了兩邊,發(fā)現(xiàn)一只被不同的坑給卡到洁桌,終于第三遍把這條路給跑通了渴丸,具體心路歷程如下:
環(huán)境準備:
首先如官網(wǎng)所說,也是很多野路子上沒有提及到了另凌,環(huán)境準備曙强,確認一下指令,自己的linux是否支持:
bash
curl
git 2.x
mkdir
rm
unzip
which
xz-utils
一般情況下這些指令命令行敲一邊就知道缺少哪個命令了途茫;一般缺少的是xz-utils,安裝很簡單--
安裝xz-utils # sudo apt-get install xz-utils 完成后,查看幫助: # xz --help 溪食,好了囊卜,還有一點就是官網(wǎng)的另外一句話
公用庫: Flutter 的 test 命令需要你的系統(tǒng)安裝或存在如下的公用庫。
libGLU.so.1 - 由 mesa 套件 (packages) 提供错沃,比如 Ubuntu/Debian 系統(tǒng)下的 libglu1-mesa
這個公用庫我也不知道有沒有栅组,管他呢,有沒有裝一個枢析,反正無任何損失玉掸,
$ sudo apt-get install libglu1-mesa
至此,準備環(huán)境做好了醒叁,這一步非常重要司浪。
FLutter SDK環(huán)境搭建:
Get the Flutter SDK
下載以下安裝包來獲取最新的 stable Flutter SDK:
https://flutter.cn/docs/get-started/install/linux#update-your-path
按照官方的指導泊业,搞定Flutter SDK so easy,
接下來是注冊linux flutter sdk跟dart sdk的環(huán)境變量:
$ nano ~/.bash_profile (打開根目錄下的bash配置腳本,nano文本編輯指令也可以用vim)
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin/cache/dart-sdk/bin"
$ source ~/.bash_profile (運行腳本)
$ echo $PATH (驗證 flutter/bin 文件夾是否已經(jīng)添加到 PATH 環(huán)境變量中)
$ which flutter (驗證 flutter 命令是否可用)
到這一步啊易,flutter的準備工作做好吁伺,運行 flutter doctor 命令,看到如下輸出就OK了租谈!
[-] Android toolchain - develop for Android devices
? Android SDK at /Users/obiwan/Library/Android/sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
? Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.
Flutter_web環(huán)境搭建
flutter文件同級目錄下篮奄,將flutter_web SDK git clone下來:
git clone https://github.com/flutter/flutter_web.git
clone完成之后,運行:
$ flutter pub global activate webdev (阿里云部署時割去,要求服務最小內(nèi)存應該在1GB以上,因為我的測試服務器512M的這條命令跑不通)
確保`$HOME/.pub-cache/bin` 路徑添加到環(huán)境變量中窟却,同樣
$ nano ~/.bash_profile
添加一條:export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin/.pub-cache/bin"
$ source ~/.bash_profile (運行腳本)
$ echo $PATH (驗證 flutter/bin 文件夾是否已經(jīng)添加到 PATH 環(huán)境變量中)
到這里如無意外,flutter_web的環(huán)境就OK了呻逆。
驗證
cd flutter_web目錄下夸赫,找到examples目錄,找到里面的Hello_world页慷,在此目錄下運行以下指令($ cd examples/hello_world/):
$ flutter pub upgrade
! flutter_web 0.0.0 from path ../../flutter_web
! flutter_web_ui 0.0.0 from path ../../flutter_web_ui
Running "flutter pub upgrade" in hello_world... 5.0s
$ pub get 加載pubspec.yaml中的依賴
然后啟動serve
$ webdev serve
這時候就可以通過http://localhost:8080/查看結(jié)果了
運行webdev serve --hostname 0.0.0.0 hostname參數(shù)來綁定所有網(wǎng)絡接口憔足。
運行webdev serve web:80 --hostname 0.0.0.0 指定端口號80;hostname參數(shù)來綁定所有網(wǎng)絡接口酒繁。