入坑flutter之flutter環(huán)境搭建

flutter環(huán)境搭建

系統(tǒng)要求

要安裝并運行Flutter娱两,您的開發(fā)環(huán)境必須滿足以下最低要求:

  • 操作系統(tǒng): Windows 7 或更高版本 (64-bit)

  • 磁盤空間: 400 MB (不包括Android Studio的磁盤空間).

  • 工具: Flutter 依賴下面這些命令行工具.

    如果已安裝Git for Windows唠帝,請確毖郑可以在命令提示符或PowerShell中運行 git 命令

1涯穷、使用鏡像

由于在國內訪問Flutter有時可能會受到限制,Flutter官方為中國開發(fā)者搭建了臨時鏡像柱恤,大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中:

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" contenteditable="true" cid="n19" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn</pre>

windows加入方法為:計算機--屬性--高級系統(tǒng)設置--環(huán)境變量--用戶變量数初,分別添加:

image.png

2、獲取Flutter SDK

由于Flutter會同時構建Android和IOS兩個平臺的發(fā)布包梗顺,所以Flutter同時依賴Android SDK和iOS SDK泡孩,在安裝Flutter時也需要安裝相應平臺的構建工具和SDK。

  • flutter官網下載其最新可用的安裝包荚守,官網地址:https://flutter.io/sdk-archive/#windows

  • Flutter github項目下去下載安裝包,地址:https://github.com/flutter/flutter/releases 练般。

    1. 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter矗漾;注意,不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\)薄料。

    2. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat敞贡,雙擊運行并啟動flutter命令行,接下來摄职,你就可以在Flutter命令行運行flutter命令了誊役。

    3. 更新flutter環(huán)境變量。

      如果你想在Windows系統(tǒng)自帶命令行(而不是)運行flutter命令谷市,需要添加以下環(huán)境變量到用戶PATH:

      • 轉到 “控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”

      • 在“用戶變量”下檢查是否有名為“Path”的條目:

      • 如果該條目存在蛔垢, 追加 flutter\bin的全路徑,使用 ; 作為分隔符.

      • 如果該條目不存在迫悠,創(chuàng)建一個新用戶變量 Path 鹏漆,然后將 flutter\bin 的全路徑作為它的值.

3、運行 flutter doctor命令

在Flutter命令行運行如下命令來查看是否還需要安裝其它依賴创泄,如果需要艺玲,安裝它們:

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" contenteditable="true" cid="n53" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">flutter doctor</pre>

該命令檢查你的環(huán)境并在命令行窗口中顯示報告。Dart SDK已經在打包在Flutter SDK里了鞠抑,沒有必要單獨安裝Dart饭聚。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執(zhí)行的任務。

第一次運行flutter命令(如flutter doctor)時搁拙,它會下載它自己的依賴項并自行編譯秒梳。以后再運行就會快得多法绵。缺失的依賴需要安裝一下,安裝完成后再運行flutter doctor命令來驗證是否安裝成功

4端幼、Android設置

Flutter依賴于Android Studio的全量安裝礼烈。Android Studio不僅可以管理Android 平臺依賴、SDK版本等婆跑,而且它也是Flutter開發(fā)推薦的IDE之一

  • 安裝Android Studio
  1. 下載并安裝 Android Studio此熬,下載地址:https://developer.android.com/studio/index.html

  2. 啟動Android Studio滑进,然后執(zhí)行“Android Studio安裝向導”犀忱。這將安裝最新的Android SDK、Android SDK平臺工具和Android SDK構建工具扶关,這些是用Flutter進行Android開發(fā)所需要的阴汇。

  • 下載flutter和dart,下載了flutter默認自帶dart节槐,同理設置了flutter路徑變量dart也不用設置搀庶。

    file-->setting-->Editor-->plugins 搜索flutter并下載安裝

image.png
file-->setting-->Languages&Frameworks-->Schemas and Dtos-->flutter 設置路徑。
image.png
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末铜异,一起剝皮案震驚了整個濱河市哥倔,隨后出現的幾起案子,更是在濱河造成了極大的恐慌揍庄,老刑警劉巖咆蒿,帶你破解...
    沈念sama閱讀 223,207評論 6 521
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異蚂子,居然都是意外死亡沃测,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 95,455評論 3 400
  • 文/潘曉璐 我一進店門食茎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒂破,“玉大人,你說我怎么就攤上這事别渔∧觯” “怎么了?”我有些...
    開封第一講書人閱讀 170,031評論 0 366
  • 文/不壞的土叔 我叫張陵钠糊,是天一觀的道長挟秤。 經常有香客問我,道長抄伍,這世上最難降的妖魔是什么艘刚? 我笑而不...
    開封第一講書人閱讀 60,334評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮截珍,結果婚禮上攀甚,老公的妹妹穿的比我還像新娘箩朴。我一直安慰自己,他們只是感情好秋度,可當我...
    茶點故事閱讀 69,322評論 6 398
  • 文/花漫 我一把揭開白布炸庞。 她就那樣靜靜地躺著,像睡著了一般荚斯。 火紅的嫁衣襯著肌膚如雪埠居。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,895評論 1 314
  • 那天事期,我揣著相機與錄音滥壕,去河邊找鬼。 笑死兽泣,一個胖子當著我的面吹牛绎橘,可吹牛的內容都是我干的。 我是一名探鬼主播唠倦,決...
    沈念sama閱讀 41,300評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼称鳞,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了稠鼻?” 一聲冷哼從身側響起冈止,我...
    開封第一講書人閱讀 40,264評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎枷餐,沒想到半個月后靶瘸,有當地人在樹林里發(fā)現了一具尸體苫亦,經...
    沈念sama閱讀 46,784評論 1 321
  • 正文 獨居荒郊野嶺守林人離奇死亡毛肋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,870評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了屋剑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片润匙。...
    茶點故事閱讀 40,989評論 1 354
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖唉匾,靈堂內的尸體忽然破棺而出孕讳,到底是詐尸還是另有隱情,我是刑警寧澤巍膘,帶...
    沈念sama閱讀 36,649評論 5 351
  • 正文 年R本政府宣布厂财,位于F島的核電站,受9級特大地震影響峡懈,放射性物質發(fā)生泄漏璃饱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,331評論 3 336
  • 文/蒙蒙 一肪康、第九天 我趴在偏房一處隱蔽的房頂上張望荚恶。 院中可真熱鬧撩穿,春花似錦、人聲如沸谒撼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,814評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽廓潜。三九已至抵皱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間茉帅,已是汗流浹背叨叙。 一陣腳步聲響...
    開封第一講書人閱讀 33,940評論 1 275
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留堪澎,地道東北人擂错。 一個月前我還...
    沈念sama閱讀 49,452評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像樱蛤,于是被迫代替她去往敵國和親钮呀。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,995評論 2 361

推薦閱讀更多精彩內容