美文网首页
Flutter 旅程(一)Mac版Flutter的安装

Flutter 旅程(一)Mac版Flutter的安装

作者: null_create | 来源:发表于2019-05-10 11:47 被阅读0次


    一、使用镜像

    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中(打开终端执行下面命令):

    export PUB_HOSTED_URL=https://pub.flutter-io.cn

    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn


    二、获取Flutter SDK

    1,创建一个FlutterSDK安装文件夹,并cd 到该文件下

    例:cd/Users/XXX/Desktop/development  (这里我是放在桌面的文件夹)

    2,在该文件下,执行命令:

    git clone-b dev https://github.com/flutter/flutter.git



    添加flutter相关工具到path中:

    exportPATH=`pwd`/flutter/bin:$PATH

    更新环境变量:

    1、确定您Flutter SDK的目录 ,如:我的是上面(例:cd/Users/XXX/Desktop/development  (这里我是放在桌面的文件夹)),并cd 进入

    2, 输入命令:vim .bash_profile

    3,将以下写进bash_profile文件:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置

    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

    wq退出并保存


    我这里知道,Flutter可以快速在iOS和Android上构建高质量的原生用户界面。 所以我先安装了Android Studio和Xcode。

    三、安装Android Studio和Xcode

    安装 Xcode

    要为iOS开发Flutter应用程序,您需要Xcode 7.2或更高版本

    安装Xcode 7.2或更新版本(通过链接下载或苹果应用商店).

    配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 对于大多数情况,当您想要使用最新版本的Xcode时,这是正确的路径。如果您需要使用不同的版本,请指定相应路径。

    确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.

    使用Xcode,您可以在iOS设备或模拟器上运行Flutter应用程序。

    安装 Android

    Android Studio , 3.0或更高版本.

    需要安装两个插件:

    Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).

    Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

    四、检查依赖是否都成功

    运行Flutter doctor命令查看是否需要安装其它依赖项来完成安装

    flutter doctor


    五,相关可能遇见的问题

    Android方面遇见的问题:

    对于警号:"Some Android licenses not accepted.To resolve this, run:flutter doctor --android-licenses"

    运行:

    flutter doctor --android-licenses (一路下去:Y)


    对于错误:Flutter requires Android SDK 28 and the Android BuildTools 28.0.3      To update using sdkmanager, run:   /Users/yanjing/Library/Android/sdk/tools/bin/sdkmanager "platforms;android-28" "build-tools;28.0.3"

    解决方式如下:

    进入 Android Studio:

     打开Android Studio:  选择 Configure ->SDK Mannager ->Android SDK 升级到28

    在进行 flutter doctor 检测 这时候的警告和错误 就不在了


    对于错误: Flutter plugin not  installed; this  adds Flutter specific functionality.  

    Dart plugin not installed; this adds Dart specific functionality

    打开Android Studio:选择Configure -> Plugins ->搜索flutter和dart进行安装(里面连接搜索会有点慢,对网络有点要求的)

    在进行 flutter doctor 检测 :

    Android 已经好了


     iOS方面遇见的问题:

     libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:

    brew update

     brew install --HEAD usbmuxd

     brew link usbmuxd

    brew install --HEAD libimobiledevice

    brew install ideviceinstaller

    按顺序 从上往下 进行终端输入

    对于:fatal: unable to access 'https://git.libimobiledevice.org/libimobiledevice.git/': Failed to connect to git.libimobiledevice.org port 443: Operation timed out

    这是由于网速问题,进行较好的网络下重新进行执行

    对于警号:Warning: usbmuxd HEAD-873252d_1 is already installed and up-to-dateTo reinstall HEAD_1, run `brew reinstall usbmuxd

    解决:brew reinstall usbmuxd`(重新执行)


    六、配置编辑器

     目前官方推荐的编辑器有Android Studio、VS Code、IntelliJ,我选择的是VS Code

    安装 VS Code:

    VS Code 下载地址

     安装Flutter插件

    1. 启动 VS Code

    2. 在搜索框输入 flutter, 在搜索结果列表中选择 ‘Flutter’以及'Dart', 然后点击 Install

    3. 选择 ‘OK’ 重新启动 VS Code

     调用View>Command Palette 或者 同时按fn F1 ,创建flutter 项目 

    选择第一个 Flutter:New Project  输入一个项目名称

    运行项目 同时点击fn 和F5

    我这边用的是iPhone XR模拟器和Android  运行的结果


    此上是我在安装flutter 的时候遇见到的问题,不足之处还请多多谅解,也欢迎各大神指教~~

    相关文章

      网友评论

          本文标题:Flutter 旅程(一)Mac版Flutter的安装

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