7牵咙、linux ubuntu 搭建Flutter_web 環(huán)境

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)絡接口酒繁。

20190916140807.png

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末滓彰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子州袒,更是在濱河造成了極大的恐慌揭绑,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件郎哭,死亡現(xiàn)場離奇詭異他匪,居然都是意外死亡,警方通過查閱死者的電腦和手機夸研,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門邦蜜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人亥至,你說我怎么就攤上這事悼沈。” “怎么了姐扮?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵絮供,是天一觀的道長。 經(jīng)常有香客問我茶敏,道長壤靶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任惊搏,我火速辦了婚禮贮乳,結(jié)果婚禮上忧换,老公的妹妹穿的比我還像新娘。我一直安慰自己塘揣,他們只是感情好包雀,可當我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著亲铡,像睡著了一般才写。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奖蔓,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天赞草,我揣著相機與錄音,去河邊找鬼吆鹤。 笑死厨疙,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的疑务。 我是一名探鬼主播沾凄,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼知允!你這毒婦竟也來了撒蟀?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤温鸽,失蹤者是張志新(化名)和其女友劉穎保屯,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體涤垫,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡姑尺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蝠猬。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片切蟋。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖榆芦,靈堂內(nèi)的尸體忽然破棺而出敦姻,到底是詐尸還是另有隱情,我是刑警寧澤歧杏,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站迷守,受9級特大地震影響犬绒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜兑凿,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一凯力、第九天 我趴在偏房一處隱蔽的房頂上張望茵瘾。 院中可真熱鬧,春花似錦咐鹤、人聲如沸拗秘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽雕旨。三九已至,卻和暖如春捧请,著一層夾襖步出監(jiān)牢的瞬間凡涩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工疹蛉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留活箕,地道東北人。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓可款,卻偏偏與公主長得像育韩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子闺鲸,可洞房花燭夜當晚...
    茶點故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容