深入理解Flutter之环境搭建

     Flutter是一个跨平台移动应用开发平台,和它最接近的是React Native框架,目标是一份代码,同时运行在Android, IOS设备上,其实Flutter还支持桌面端开发,也是Google的下一代操作系统Fusion的App开发框架, 可见该平台未来的发展潜力。

    为了体验Flutter的跨平台开发效果,自然最好在MacOs上搭建Flutter环境,这样能同时运行Android,IOS版本。当然如果只有Ubuntu,Windows等系统,就只能体验Android端的效果了,不过也不耽误体验学习Flutter。下面就来介绍Flutter MacOs上搭建环境的流程。

    其实官网的资料和流程非常详细,英文还可以的同学参考该文档基本不会有太大的坑。

    https://flutter.dev/docs/get-started/install

    

     根据你们机器操作系统类型(windows, macOs, Linux)选择相应向导即可。本文以MacOs为例演示环境搭建过程,其实Linux系列操作系统(比如Ubuntu)也差不多。

    

获取Flutter SDK

  1. 下载以下安装包以获取Flutter SDK的最新稳定版本:

    flutter_macos_v1.7.8 + hotfix.3-stable.zip

    对于其他发布渠道和旧版本,请参阅SDK存档页面。

  2. 在所需位置提取文件,例如:

    $ cd ~/development
    
    $ unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.3-stable.zip
  3. 将flutter工具添加到您的路径:

    $ export PATH="$PATH:`pwd`/flutter/bin"

    此命令仅为当前终端窗口设置PATH变量。要将Flutter永久添加到路径请继续查看下面内容

 

检测环境是否完备

运行以下命令以查看是否需要安装任何依赖项来完成设置(对于详细输出,添加-v标志):

$ flutter doctor

     此命令检查您的环境并向终端窗口显示报告。该命令会输出详细结果,参照提示补充确实的内容即可。如果非MacOs可以忽略Xcode相关的缺失提醒只需完成Android相关的环境搭建即可体验Flutter Android端的效果。

 

将flutter添加到环境变量

  1. 修改$HOME/.bash_profile。您的计算机上的文件路径和文件名可能不同

$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
  1. 运行source $HOME/.bash_profile以刷新当前窗口。

 

安装开发IDE

 目前支持Flutter开发的有两大IDE, Android Studio及VS Code。个人推荐Android Studio。

安装Android Studio

  1. 下载并安装Android Studio

  2. 启动Android Studio,然后浏览“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,这些都是Flutter在开发Android时所需要的。

安装Flutter插件

    点击Android Studio的preferences->plugins->flutter安装即可, dart插件类似。

    

   Android Studio安装完成后,相当于Android平台也安装好了

 

iOS设置

安装Xcode

   最新的Flutter需要安装Xcode 10+,自然需要升级MacOs版本,这个过程还是蛮繁琐的。先升级MacOs,然后升级xcode,升级完成后执行如下操作。

  1. 通过从命令行运行以下命令,配置Xcode命令行工具以使用新安装的Xcode版本:

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

    当您想要使用最新版本的Xcode时,这是大多数情况下的正确路径。如果需要使用其他版本,请改为指定该路径。

/**************************************************
* 本文来自CSDN博主"一点码客",喜欢请顶部点击关注
* 转载请标明出处:http://blog.csdn.net/itchosen
***************************************************/

如需实时查看更多更新文章,请关注公众号"一点码客",一起探索技术

发布了21 篇原创文章 · 获赞 56 · 访问量 24万+

猜你喜欢

转载自blog.csdn.net/itchosen/article/details/96567744