搭建Flutter开发环境Windows版

Flutter1.0正式版一发布,就引起了许多开发者的关注。作为web开发者也不禁好奇尝试一下。首先它是谷歌出品的,背靠大厂,这一点和react Native很相似。然后又去查阅了它的开发文档,感觉很完善,不管是针对原生移动开发者,还是web开发者都有专门的文档介绍。下面就尝试搭建一下它的开发环境(windows环境)

  1. 为了避免很多麻烦,下载Google包资源,还是要准备好科学上网,这里推荐免费的赛风3。

  2. 安装git客户端Downloading Git

  3. 配置Android开发环境

    a.安装Android Studio,进入官网直接下载安装包。

下载Android Studio

b.安装包下载成功后,直接点击安装。按照提示步骤进行,这个过程可能会耗费一点时间,以为需要安装很多Google依赖包。

c.打开Android Stuido ,然后File>Settings>Plugins找到 Plugin 的配置,搜索 Flutter 插件,出现Search in repositories,然后点击安装。

flutter插件

d.附加:这里可以创建一个原生模板项目,点击run,然后点击Create New Virtual Device 创建一个手机模拟器体验一下

Android Stuido模拟器

  1. 下载Flutter SDK包

    a.进入官网下面目前最新的v1.0.0版本,官网地址:https://flutter.io/docs/development/tools/sdk/archive#windows

    b.将安装包 zip 解压到你想安装 Flutter SDK 的路径(不要放入C:\Program Files,需要提示权限)

    c.在 Flutter 安装目录的 flutter文件下找到flutter_console.bat,点击运行运行并启动 flutter 命令行

    d.可以将flutter\bin的全路径配置到path环境变量中,这样就可以用cmd命令行运行flutter命令

    e:运行flutter doctor命令,来检测开发环境,并下来一些所需的依赖包

    f:仔细阅读flutter doctor命令的检查结果,并解决感叹 !错误

上次是我没有开启手机模拟器,开启模拟器后,该错误也会消失
g:附加:其中一个错误会提示没有安装证书,执行flutter doctor –android-licenses命令安装证书,安装完成后再运行flutter doctor命令来验证是否安装成功

以上就是windows下的flutter开发环境搭建