Flutter環(huán)境搭建

文檔閱讀

一、下載SDK并解壓
image.png
二、添加flutter工具
image.png
  • 環(huán)境配置，
    export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內(nèi)用戶需要設(shè)置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內(nèi)用戶需要設(shè)置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
    PATH_TO_FLUTTER_GIT_DIRECTORY 是我下載的SDK (flutter_macos_v1.7.8+hotfix.3-stable.zip) 的解壓路徑
    /Users/用戶名/Flutter
    image.png

跟著文檔操作


image.png
三、檢查是否安裝成功
image.png
四、修復(fù)錯(cuò)誤提示

  • 因?yàn)橹案鉯OS，所以這里忽略Android的錯(cuò)誤提示了，直接看Xcode的提示，第一條是cocoapods版本有點(diǎn)低，跟著提示來如圖


    image.png

  • 然而居然提示沒有


    image.png

  • 這我就不能認(rèn)同了，之前工程里一直在用，怎么會沒有安裝呢，我這就得看看了，我這里是有的，只是版本有點(diǎn)低啊。


    image.png

  • 接下來更新一下，更新指令（sudo gem update cocoapods）

    image.png

    image.png

  • ok ，pod升級完成，Xcode 第一個(gè)嘆號應(yīng)該解決了吧，在執(zhí)行一次 flutter doctor

    image.png

    漂亮，解決了一個(gè)，繼續(xù)下邊的?。?！

  • ios tools這項(xiàng)按著提示一項(xiàng)一項(xiàng)做就ok了，都執(zhí)行完了以后doctor一次看看是不是已經(jīng)成功了

  • vs code 是開發(fā)工具，直接在擴(kuò)展中搜索Flutter，出來的第一個(gè)安裝


    image.png

  • 最后再doctor一次，ok，iOS環(huán)境基本就完成了。


    image.png

  • 最后開始咱們第一個(gè)Flutter項(xiàng)目吧，項(xiàng)目名不要用駝峰哦?。?！


    image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容