android+flutter开发环境配置

Flutter作为Google新一代的跨平台框架,需要Dart的一种新语言来编程!

Weex是阿里提供的一种跨平台框架,现在隶属于 Apache ,国内的跨平台框架,以js为基础,没有门槛!

1、flutter的文档:

    flutter中文网:https://flutterchina.club/get-started/install/    
    
    flutter for china :https://flutter.dev/community/china
    
    flutter 社区中文资源: https://flutter-io.cn/
    
2、flutter添加使用镜像:

    (1)、GitBash的方式:{
    
            安装Git-2.21.0-64-bit.exe 在bash框执行:
                
                文档有提示:(在命令提示符或PowerShell窗口中运行此命令。目前,Flutter不支持像Git Bash这样的第三方shell。
                但是我这边好像是可以执行的,当然是在gitbash里,切到flutter目录下(cd ./flutter),而且执行flutter doctor会卡着不动;可以尝试 ctrl+c 能催动;如果退出了,再重新执行即可。

                 export PUB_HOSTED_URL=https://pub.flutter-io.cn
                 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
                 git clone -b dev https://github.com/flutter/flutter.git
                 export PATH="$PWD/flutter/bin:$PATH"
                 cd ./flutter
                 flutter doctor    (来下载flutter的支持资源,比如dart语言包、android的工具包等等)
                 
                 flutter doctor --android-licenses //授权android licenses
           }
         
    (2)、在dos命令提示符执行:
    
            1、在Gitbash中执行:
                cd D:  //切换到D盘或者其他存储盘路径,自己指定
                git clone -b dev https://github.com/flutter/flutter.git  下载flutter安装包
            2、在电脑环境变量配置对应的环境变量:
            
                1》、flutter/bin的全路径(应该是在Gitbash弹框标题能找到)

                 android+flutter开发环境配置
                2》、PUB_HOSTED_URL的环境变量(https://pub.flutter-io.cn)

                 android+flutter开发环境配置
                3》、FLUTTER_STORAGE_BASE_URL的环境变量(https://storage.flutter-io.cn)

                 android+flutter开发环境配置
                4》、重启生效此次改动
            3、flutter doctor    (来下载flutter的支持资源,比如dart语言包、android的工具包等等)
            4、flutter doctor --android-licenses //授权android licenses

                
    (3)、Powershell的方式自行尝试吧,应该都一样,环境变量配置好就可以执行 flutter命令
         
3、执行完成flutter doctor后我这边出现的结果是:

    D:\FlutterGit\FlutterSoftWare\flutterSDK>flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
    [√] Flutter (Channel dev, v1.4.4, on Microsoft Windows [Version 10.0.17134.648], locale zh-CN)
    [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    [!] Android Studio (version 3.2)
        X Flutter plugin not installed; this adds Flutter specific functionality.
        X Dart plugin not installed; this adds Dart specific functionality.
    [!] Connected device
        ! No devices available

    ! Doctor found issues in 2 categories.
    android+flutter开发环境配置
    
    
    android studio缺少flutter和dart插件;那么咱们来安装这个插件,参考博客:https://www.jianshu.com/p/c552fca89f19
    
    1》、安装FlutterSDK,找到flutter\bin下的flutter_console.bat双击
      android+flutter开发环境配置

      android+flutter开发环境配置
         安装sdk成功
    
    2》、Flutter由两个插件支持:
        * Flutter插件支持Flutter开发人员工作流程(运行,调试,热重载等)。

        android+flutter开发环境配置
        * Dart插件提供了代码分析(代码验证,键入代码,完成代码等)。
        android+flutter开发环境配置        

               

        
    3》、安装后重启studio,然后检测下:
        android+flutter开发环境配置
    4》、android studio settting里配置flutter和dart的sdk路径:
        android+flutter开发环境配置

        android+flutter开发环境配置
4、创建flutter项目:

       android+flutter开发环境配置

      第一次会很耗时,耐心等待!

       android+flutter开发环境配置

      运行结果:

      android+flutter开发环境配置