当前位置： 移动技术网 > IT编程>移动开发>Android > 安装与配置Flutter开发环境

安装与配置Flutter开发环境

2019年03月23日  | 移动技术网IT编程  | 我要评论

n0605,多米诺·朵米诺,o记实录系列

我们介绍了flutter，并且对比了h5，react native，flutter。

由于flutter是跨平台的开发框架，开发一次可以同时运行在android和ios上面，所以我们开发时最好使用mac系统，这样我们可以同时测试两个平台的运行效果。

本文我们就来介绍在mac系统下安装与配置flutter开发环境，并且运行我们的第一个flutter应用！

为了flutter的安装配置顺利，请科学上网。

安装flutter sdk

  1. 首先，我们需要首先下载flutter的sdk，通过官网的可以找到每个版本的下载链接，找到最新稳定版下载。写这篇文章时的最新版是v1.2.1版本，我们就以这个版本来举例。

  2. 下载完成后我们对sdk进行解压，可以解压到任何位置。我们这里解压到用户主目录下的development目录。下面我们打开终端执行以下命令：

    mkdir ~/development
cd ~/development
unzip ~/downloads/flutter_macos_v1.2.1-stable.zip
  3. 将解压后的路径加入到环境变量中。
    • 打开用户目录下的.bash_profile文件，如果没有则新建这个文件：
    > ~/.bash_profile
    • 在这个文件的最后添加sdk的路径到path中：
    export path="用户路径/development/flutter/bin:$path"
    • 然后执行source让配置生效：
    source ~/.bash_profile

检查flutter安装状态

配置好后，flutter提供了一个检查安装状态的命令：

flutter doctor

运行以终端会输出当前的flutter环境是否正确，还需要安装什么等等，比如android sdk，ios的开发环境等等。

配置ios开发环境

如果在mac系统上开发flutter应用，笔者推荐使用ios模拟器进行开发调试，因为ios模拟器相比android模拟器要更加快速与流畅。

安装xcode

  1. 从mac app store搜索并安装xcode。

  2. 安装完成后在终端里执行以下命令配置最新的命令行工具：

    sudo xcode-select --switch /applications/xcode.app/contents/developer

  3. 打开一次xcode并接受许可协议，或者通过命令行运行下面命令：

    sudo xcodebuild -license

配置ios模拟器

  1. 通过命令行打开一个模拟器：

    open -a simulator

  2. 选择模拟器，然后通过hardware -> device菜单查看确保当前模拟的是iphone5s之后的机型。

配置android开发环境

下面我们来介绍安装android的开发环境。

安装android studio

  1. 从最新版的android studio。

  2. 打开android studio，根据安装向导提示安装最新版的android sdk，android sdk platform-tools，android sdk build-tools。

配置android模拟器

  1. 打开android studio后选择tools > android > avd manager，然后选择create virtual device（创建虚拟设备）。

  2. 填入设备的信息然后下一步，选择镜像的时候最好选择架构x86或者x86_64，因为和电脑的架构一致，否则如果选择arm架构的话模拟器运行后会非常卡顿。

  3. (可选)选择hardware - gles 2.0来进行硬件加速，以使模拟器获得更好的运行速度。

  4. 一切都选好后点击finish即完成配置。

配置代码编辑器(ide)

虽然flutter开发可以使用很多ide，比如android studio，intellij idea，vs code等等，你可以根据喜好进行选择。

但是笔者建议使用android studio，因为它对flutter开发支持的最好，并且谷歌官方也是推荐使用它。

下面我们就来介绍android studio的配置。

  1. 打开android studio。
  2. 安装flutter插件。选择菜单preferences > plugins 然后点击browse repositories搜索flutter，找到后开始安装。
  3. 当跳出安装dart插件的界面时，也点击yes进行安装。
  4. 安装完成后重启android studio。

上面我们已经完成了flutter开发环境的配置，下面我们就开始创建我们的第一个应用吧！

flutter初识，第一个应用！

我们打开android studio，然后选择开始创建flutter工程：

然后选择flutter application，并点击下一步：
-w795

在这个几面填入你的工程名，sdk位置与保存位置等信息：
-w798

点击下一步后，需要输入你的包名，也就是你的域名，没有域名的话输入自己的名字一类的域名，目的就是为了保证你的应用的唯一性。
-w799

信息输入完成后我们点击"finish"按钮即可完成工程的创建。

当我们的工程编译完成后，可以选择不同的平台运行，如图所示：
-w416

默认的工程是一个简单的计数器，选择不同的平台运行后可以看到运行后的界面：

恭喜！第一个程序运行成功地运行起来了！

接下来我们就可以深入研究flutter的强大特性了！

总结

-flutter的安装配置并不复杂。另外还需要安装配置ios开发环境和android开发环境。当然如果只是学习的话安装ios即可，如果你的电脑是windows或者linux的话，此时只能安装配置android开发环境了，因为ios的开发环境只能在mac上配置。还有flutter的热部署也会使开发效率提升很多，大家可以试着改一些代码体验一下。

我的博客中关于flutter的所有文章可以找到，欢迎关注！

如果有问题可以留言，或者给我发邮件lloyd@examplecode.cn，期待我们共同学习与成长！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网