美文网首页
Flutter 搭建环境

Flutter 搭建环境

作者: sexyhair | 来源:发表于2018-11-28 21:37 被阅读0次

    下载Flutter SDK
    https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos

    安装Flutter

    第一步:得到flutter路径
    将下载后的文件放入应用程序中


    将flutter文件拖到终端,拿到flutter的路径 - /Applications/flutter

    第二步:配置.bash_profile
    打开.bash_profile , 终端执行

    open .bash_profile
    

    加入以下配置(前2个是镜像):

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH=/Applications/flutter/bin:$PATH
    

    注意:

    • 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

    • export PATH=你的Flutter路径/bin:$PATH

    保存并关闭.bash_profile后,终端执行:

    source ~/.bash_profile
    

    验证是否安装成功 ,终端输入:

    flutter -h
    
    出现如下图:

    表示正常

    第三步:安装Flutter的依赖项

    检测Flutter的依赖项 ,终端执行

    flutter doctor
    
    结果图如下:

    按照截图中由上至下的一个一个跟着提示安装吧

    安装flutter doctor结果进行安装开始(执行语句都是截图中有的),结果如图:

    允许协议,终端执行(在Mac存在AndroidStudio的情况下)

      flutter doctor --android-licenses
    
    执行结果:

    会各种确认,直接输入y即可,一直到结束

    安装成功后终端再次输入:flutter doctor,结果如图:

    需要使用Brew,没有brew那就装一个吧

    安装Brew,终端执行:

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
    按照提示一步一步安装就成了 安装成功

    安装成功后,按照flutter doctor的结果,在终端中执行:

    brew update
    brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller

    一直等直至都安装完成,网络环境比较好,1小时左右就可以了

    安装成功后再次执行flutter doctor,结果如图:

    没有安装Xcode则安装Xcode,可以通过AppStore安装,安装成功后终端执行:

    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    

    会要求输入电脑密码,输入密码即可

    安装成功后再次执行flutter doctor,结果如图:

    提示安装ios -deploy ,终端执行

    brew install ios-deploy
    
    安装成功后再次执行flutter doctor,结果如图:

    提示安装CocoaPods 终端执行:

    brew install cocoapods
    pod setup
    
    安装成功后再次执行flutter doctor,结果如图:

    剩下的就是安装AndroidStudio 插件


    1543411941636.jpg 安装成功后会提示重启AndrodStudio重启后再次执行flutter doctor,结果如图:

    安装完成了

    注意:

    • 在安装Flutter依赖项时所有的执行语句都是按照Flutter doctor中提示执行的,环境不一样需要安装的可能也会不一样的哈
    • 以上操作全部都挂着vpn

    参考地址:
    https://juejin.im/post/5be3d54cf265da611d6624d3

    https://flutterchina.club/setup-macos/ Flutter中文网

    相关文章

      网友评论

          本文标题:Flutter 搭建环境

          本文链接:https://www.haomeiwen.com/subject/nxugqqtx.html