Flutter入坑指南(Windows篇)

时间:2024-04-14 09:37:19

 

 

  最近项目做完了,这几天比较空闲一些,就在网上看各中博客,,无意中发现了Flutter这个好东西觉得很是不错就想自己尝试下,毕竟是谷歌亲霸霸的未来主推的。

   你需要: 1、下载Git for Windows(如已安装请直接跳到下一步),安装时一直下一步就可以了。

                2、找到Git所在文件夹双击git_bash.exed打开界面,

Flutter入坑指南(Windows篇)

 在国内使用 Flutter,那么你可能需要找一个与官方同步的可信的镜像站点,帮助你的 Flutter 命令行工具到该镜像站点下载其所需的资源。你需要为此设置两个环境变量:“PUB_HOSTED_URL”和“FLUTTER_STORAGE_BASE_URL”,然后再运行 Flutter 命令行工具, 

      镜像设置: PUB_HOSTED_URL=https://pub.flutter-io.cn

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

      Flutter SDK:   git clone -b beta https://github.com/flutter/flutter.git

Flutter入坑指南(Windows篇)

  3、配置Flutter环境变量:

        Path路径下加入flutter路径(就是flutter文件夹中bin的路径):

Flutter入坑指南(Windows篇)

  4、在已经下载的flutter文件夹中找到flutter_console.bat双击打开flutter控制台,

Flutter入坑指南(Windows篇)

在flutter console中输入Flutter doctor指令 ,协助安装flutter所需的依赖,flutter 开发语言是Dart,所以在这里会去监测是否有dart sdk,如果没有会自动帮你安装,并且捆绑在flutter文件夹里面。

Flutter入坑指南(Windows篇)

 这里检测发现了两个问题,其中第二个只是没有检测到设备(只需要连接手机打开usb调试就能解决)。第一个问题需要运行 flutter doctor --android-licenses解决,需要多输入几次Y。

                             Flutter入坑指南(Windows篇)

    最后再输入flutter doctor检查所有安装是否完成,如图就是已经完成安装。

              Flutter入坑指南(Windows篇)

  5、在Android studio中安装Flutter、Dart插件,完成之后重启Android studio,这里需要注意的是一定要保证studio版本在3.0以上。

Flutter入坑指南(Windows篇)

Flutter入坑指南(Windows篇)

6、在Android studio中配置Dart和Flutter路径。

Flutter入坑指南(Windows篇)

设置Flutter路径完毕之后,然后会弹出一个窗口问你是否把Dart的路径也自动设置上 “,选择 yes 就可以。

Flutter入坑指南(Windows篇)

7、最后一步创建Flutter应用写出Hello Word!

                     Flutter入坑指南(Windows篇)