Flutter开发环境配置-Windows

下载Flutter Sdk

系统要求:

安装运行Flutter,开发环境必须满足以下要求:

操作系统:Windows 7 或者以上版本,64位机器

硬盘空间:不包括IDE和工具在内,至少需要400M

软件工具:

Windows PowerShell 5.0或者以上

Windows版Git 2.x,请确保Git可以正常运行

获取Flutter Sdk:

1. 点击这里下载最新版本的Flutter Sdk。如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk,请点击SDK archive下载。

2. 解压缩zip文件到存放Flutter Sdk的目录,例如我存放在D:\Android\flutter目录下。不要将Flutter解压缩在像C:\Program Files这样的私有目录下。

3. 在flutter目录中找到flutter_console.bat文件,双击运行安装Flutter。

现在,Flutter就已经安装好了,你可以通过Windows控制台中运行flutter了。

如果想要更新Flutter,请点击这里更新

配置Flutter的环境变量

flutter安装完成之后,只能在flutter所在的目录下运行。要想在控制台中所有目录都能运行,我们还需要给flutter添加到系统环境变量。

  1. 复制flutter解压后所在的目录地址,以我的安装地址为例就是复制D:\Android\flutter\bin;
  2. 在左下角的“开始”中输入“env”,选择 “编辑系统环境变量” 。在弹出的窗口中点击 “环境变量” ;
  3. 新建环境变量,命名为FLUTTER_HOME,粘贴复制的flutter的安装地址,点击确定;
  4. 找到 “Path” ,点击编辑,添加 %FLUTTER_HOME% 并用分号将其余其他路径分开,然后全部点击 “确定” ;

    关于配置flutter环境变量的详细介绍,请查看https://blog.csdn.net/cjc035/article/details/88687785

现在就可以在任何目录下运行flutter了!

运行 flutter doctor

在控制台下运行flutter doctor命令,查看有哪些以来环境需要继续完成配置的。

这条命令会检查当前的flutter运行环境并且显示报告当前flutter安装的状态。需要仔细核对粗体字提示的需要安装的软件或者错误报告。

例如:

[-] Android toolchain - develop for Android devices
    ? Android SDK at D:\Android\sdk
    ? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    ? Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

接下来将介绍如何完成这些工作的步骤。一旦你完成了一项配置工作,你可以运行flutter doctor来验证还剩下哪些工作需要完成。

Android 设置

注意:flutter以来完全安装好的Android Studio开发环境。当然,你也可以只用文本编辑器来开发flutter,这个会在以后介绍。

安装Android Studio

  1. 安装 JDK 并且正确配置 JDK 的环境变量,详细步骤请参考https://blog.csdn.net/cjc035/article/details/88688447;
  2. 下载并安装 Android Studio

    安装最新版本的Android SDK,Android SDK Platform-Tools,Android SDK Build-Tools,这些都是flutter需要依赖的。

设置 Android 设备

要能让 flutter app 在 Android 设备上运行,请确保 Android 系统在 4.1 或者以上版本

  1. 打开 Android 开发者选项,启用 USB 调试;
  2. 用 USB 数据线将 Android 设备和电脑连接;
  3. 在控制台运行 flutter devices,如图所示则 Android 设备连接成功:

安装 Android Studio 插件

  1. 打开 Android Studio
  2. 打开安装插件窗口,File > Settings > Plugins
  3. 选在 Browse repositories,选择 Flutter 插件并且点击 Install
  4. 重启 Android Studio

创建第一个 Flutter App

  1. 打开 Android Studio
  2. 选择 File > New Flutter Project
  3. 选择 Flutter application 作为工程类型,并且一路 Next
  4. 确保 Flutter SDK PathAndroid SDK 都已经正确安装了
  5. 输入工程名,例如 myapp,然后点击 Next
  6. 点击 Finish
  7. 等待 Android Studio 创建 Flutter 工程并且打开

运行 Flutter App

  1. 找到 Android Studio 的工具栏

  2. target selector 中选择一个 Android 设备运行APP
  3. 点击 Run

    等待工程 Build 完成后,在 Android 设备上将会看到运行的 Flutter App

感受热加载

Flutter 开发可以使用热加载,不需要每次修改代码之后都重新运行 App。当源代码修改之后,使用热加载功能,可以在 Android 设备上看到修改后的效果,无需重新 Build,无需重新启动 App。

  1. 打开 lib/main.dart
‘You have pushed the button this many times‘

改成

‘You have clicked the button this many times‘
  1. 点击 Hot Reload 工具栏的 闪电 图标,将在APP上立马展示效果

注意:在修改代码的时候不能关闭已经运行的APP

到这里,Flutter 的开发环境就配置好了,并且成功运行了第一个 Flutter App

原文地址:https://www.cnblogs.com/ai2050/p/10733351.html

时间: 2024-10-07 03:30:43

Flutter开发环境配置-Windows的相关文章

Go语言Eclipse开发环境配置-windows

1.首先安装eclipse,选择一个适合的版本就好,解压即可 http://www.eclipse.org/downloads/ 2.下载go语言安装包 官网地址 :http://www.golang.org/ 官网地址有时候打不开,百度云盘下载go1.2安装包  http://pan.baidu.com/s/1c0Gf4UO#dir/path=%2FSoft%2FGoLang  32 64位都有 一路Next cmd输入go version 看到这个就安装好了,环境变量什么的会自动配置好的,唯

OpenGL开发环境配置-Windows/MinGW/Clion/CMake

因为某些原因,不想用过于臃肿的VS了,转而使用常用的jetbrains的CLion,Clion沿袭了jetbrans的优良传统,基本代码提示功能还是比较好的,不过就是对于windows不熟悉cmake(像我这样)的朋友可能不是太友好,经过了2个小时的查资料,终于正常运行了一个简单示例. 下面谈谈如何在Windows下配置这个开发环境. 起始,我是参考了我的前一篇OpenGL+VS开发环境的搭建,实际上除了freeglut重新下载的是MinGW版本之外,其他的文件并无区别,当然为了方便引用,我把所

[Android]开发环境配置(windows)-draft

一. 下载Android SDK,把SDK放到任意你想放的位置(这个东西将来有可能会更大) 二. 配置windows系统环境变量 新建ANDROID_SDK_HOME,值:任何你想放置Android模拟器的路径 新建随便什么名(假设为ANDROID_SDK),值:SDK的路径(假设sdk的文件夹叫android-sdk-windows,在d盘,那就写 D:\android-sdk-windows) 在Path里添加 %ANDROID_SDK%\tools;%ANDROID_SDK%\platfo

Spark开发环境配置(windows/Intellij IDEA 篇)

Intellij IDEA是一个蛮不错的IDE,在java/scala/Groovy领域深得人心.笔者之前使用的是Eclipse那一套开发环境,虽然也不错,但忍不住好奇心的驱使,折腾了一下IDEA,发现写起Spark程序来,"哎呦,不错哟!",故总结一下在windows系统中的配置过程(在mac下的配置其实更简单一些),自己琢磨时还是费了点劲的,网上各种教程新旧正误繁杂,好不麻烦,加上笔者工作中最烦的就是各种软件的下载安装配置,有时一个配置没做对,就浪费好长时间.故而将自己摸索过程总结

PHP开发环境配置~Windows 7 IIS

1.配置IIS添加角色服务:CGI.ISAPI扩展.ISAPI筛选器 2.下载PHP安装包 http://windows.php.net/download/ 3.添加模块映射 4.配置php.ini 复制php-development.ini为php.ini 修改扩展路径:extension_dir修改要扩展的组件: extension=php_mysql.dll(按需)时区:date.timezone = asia/shanghaifastcgi.impersonate=1 默认为0, IIS

OpenCV开发环境配置-Windows/MinGW/Clion/CMake

临时更换成了TDM-GCC,和mingw类似,这里只是声明一下. 由于opencv下载下来的.exe安装包实际上是没有mingw(gcc)匹配的/动静态库,因此这些东西需要我们自己使用mingw编译. 首先是cmake配置,直接在source目录命令行下执行 cmake . 即可(注意后边有空格和代表当前目录的点号) 一般来说应该可以了,然后就是使用mingw32-make命令完成编译(过程较长),最后是使用mingw32-make install 生成需要的文件(头文件/动/静态库) C:.

Android开发环境配置(以windows为例)

Android开发环境配置工具  如果你准备从事Android开发,那么无论选择在eclipse下开发,还是选择在AndroidStudio下开发,都可以参照以下步骤进行Android开发环境的配置. Android开发环境配置过程 1.准备笔记本或台式机 使用笔记本还是台式机,视个人需求而定,但我要强调的是在配置上不要手软,要舍得下手.一台流畅的电脑,会让你在枯燥的编程中不至于抓狂. 官方推荐的AndroidStudio或eclipse运行环境对电脑配置要求很低,现在市面上的电脑基本都可以达到

windows下spark开发环境配置

http://www.cnblogs.com/davidwang456/p/5032766.html windows下spark开发环境配置 --本篇随笔由同事葛同学提供. 特注:windows下开发spark不需要在本地安装hadoop,但是需要winutils.exe.hadoop.dll等文件,前提是你已经安装了eclipse.maven.jdk等软件 spark支持jdk版本建议是1.8及以上,如果开发spark建议将jdk编译版本设置为1.8 我选择的spark是spark-1.4.0

【转】cocos2d-x windows开发环境配置

声明:本教程在参考了以下博文,并经过自己的摸索后实际操作得出,本教程系本人原创,由于升级后的cocos2d-x有了一些变化,目前的博文还没有关于Cocos2d-x 2.2.1最新版搭建Android交叉编译环境组建的说明,所以我这几天研究了一下,现在将具体的搭建方法分享出来,也给自己学习Cocos2d-x做个笔记. 参考博文: http://www.cnblogs.com/lhming/archive/2012/06/27/2566460.htmlhttp://www.cnblogs.com/l