正文

flutter开发环境配置-windows(代码片段)

ai2050  ai2050  2023-03-15  778

关键词：

下载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:Androidflutter目录下。不要将Flutter解压缩在像C:Program Files这样的私有目录下。
3. 在flutter目录中找到flutter_console.bat文件，双击运行安装Flutter。
现在，Flutter就已经安装好了，你可以通过Windows控制台中运行flutter了。
如果想要更新Flutter，请点击这里更新。
技术图片

配置Flutter的环境变量

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

复制flutter解压后所在的目录地址，以我的安装地址为例就是复制D:Androidflutterin；
在左下角的“开始”中输入“env”，选择 “编辑系统环境变量” 。在弹出的窗口中点击 “环境变量” ；
新建环境变量，命名为FLUTTER_HOME，粘贴复制的flutter的安装地址，点击确定；
找到 “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:Androidsdk
    ? 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

安装 JDK 并且正确配置 JDK 的环境变量，详细步骤请参考https://blog.csdn.net/cjc035/article/details/88688447；
下载并安装 Android Studio
安装最新版本的Android SDK，Android SDK Platform-Tools，Android SDK Build-Tools，这些都是flutter需要依赖的。

设置 Android 设备

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

打开 Android 开发者选项，启用 USB 调试；
用 USB 数据线将 Android 设备和电脑连接；
在控制台运行 flutter devices，如图所示则 Android 设备连接成功：

安装 Android Studio 插件

打开 Android Studio
打开安装插件窗口，File > Settings > Plugins
选在 Browse repositories，选择 Flutter 插件并且点击 Install
重启 Android Studio

创建第一个 Flutter App

打开 Android Studio
选择 File > New Flutter Project
选择 Flutter application 作为工程类型，并且一路 Next
确保 Flutter SDK Path 和 Android SDK 都已经正确安装了
输入工程名，例如 myapp，然后点击 Next
点击 Finish
等待 Android Studio 创建 Flutter 工程并且打开

运行 Flutter App

找到 Android Studio 的工具栏
在 target selector 中选择一个 Android 设备运行APP
点击 Run
等待工程 Build 完成后，在 Android 设备上将会看到运行的 Flutter App

感受热加载

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

打开 lib/main.dart
把

‘You have pushed the button this many times‘

改成

‘You have clicked the button this many times‘

点击 Hot Reload 工具栏的闪电图标，将在APP上立马展示效果

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

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

flutter--实战在windows上搭建flutter开发环境(代码片段)

文章目录一、准备二、获取FlutterSDK三、配置环境变量四、执行flutterdoctor五、HelloWorld参考文献一、准备要安装并运行Flutter，您的开发环境必须满足以下最低要求:操作系统:Windows7或更高版本(64-bit)磁盘空间:400MB(不包括AndroidStud... 查看详情

flutter开发环境配置(代码片段)

Windows下用AndroidStudio开发Flutter项目的环境配置//下载flutterSDKgitclone-bmasterhttps://github.com/flutter/flutter.git//配置环境变量，改为国内镜像FLUTTER_HOME:D:\\FlutterSdkpath:%FlutterSdk%\\binkey：PUB_HOSTED_URLvalue：https://pub.flutter-io.cnkey：... 查看详情

flutter开发环境搭建unableto‘pubupgrade‘fluttertool.retryinginfiveseconds...(代码片段)

好久没更新Flutter专栏了，一是因为懒。而是因为在公司的Windows10上配置flutter环境总是出错，然后就以此为借口懒得弄了，这不Flutter2.0出现了，又燃起了我学习Flutter的热情。今天周末来公司加班，就一举搞定了flutter的开发环境... 查看详情

[flutter]windows平台flutter开发环境搭建（andoridstudio）(代码片段)

前两天网友在群里说起了Flutter，就了解了一下，在手机上跑了它的demo，正接就被打动了。虽然网上有很多教程，但真正开始的时候，还是会碰到很多坑。下面详细的讲解Flutter+AndroidStudio开发环境搭建。 1.下载AndroidStudio网址... 查看详情

windows搭建flutter开发环境(代码片段)

前言我的电脑是windows的，根据flutter实战所说，windows下安装flutter同时也要安装android，所以windows下的flutter开发环境搭建就包含两部分，安装flutter和安装androidstudio。设置flutter环境变量linux如下设置exportPUB_HOSTED_URL&#... 查看详情

flutter——打包windows桌面应用（流程）(代码片段)

配置流程1.执行命令flutterconfig--enable-windows-desktop配置运行Windows环境；2.安装VisualStudio配置Windows编译环境；3.电脑设置–>更新和安全–>开发者选项开启开发人员模式；4.打包文件.exe，配置go环境；5.安装mingw... 查看详情

flutter——打包windows桌面应用（流程）(代码片段)

flutter环境搭建(代码片段)

Flutter环境搭建下载flutter，https://flutter.cn/docs/get-started/install/windows解压，将flutter目录配置到环境变量中并将bin目录设置到PATH，%FLUTTER_HOME%in设置futter源，添加环境变量PUB_HOSTED_URLhttps://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URLhttps://storage.fl... 查看详情

flutter开发环境配置：fluttersdkandroidsdkiossdk(代码片段)

文章目录一、前言二、Dart和Flutter的关系三、本地开发环境配置1.FlutterSDK2.配置镜像站3.安装安卓工具链4.安装XCode5.Dart配置四、配置完成五、总结一、前言在前面的课程中，我们学习了Dart语言的基本用法，并在DartPad线上环境对代... 查看详情

配置flutter开发环境(代码片段)

一、在Windows上搭建Flutter开发环境1、去flutter官网下载其最新可用的安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases。注意，Flutter的渠道版本一直在不断的更新，请以Flutter官网为准。另外，在中... 查看详情

flutter开发环境搭建(代码片段)

个人博客:http://www.milovetingting.cnFlutter开发环境搭建前言参考链接:https://flutterchina.club/Windows系统下Flutter开发环境搭建使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，可以将如下环境... 查看详情

flutter学习笔记·安装配置flutter环境(windows)(代码片段)

文章目录Flutter环境安装1-下载资源2-环境变量配置3-检验环境变量是否配置成功Flutter环境安装Flutter官网文档：https://docs.flutter.dev/get-started/install可根据官网文档进行安装，本篇文章以Windows系统安装举例。1-下载资源根据官... 查看详情

从0开始学习flutter01图解windows环境下安装配置环境(代码片段)

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。同时可以与现有的代码一起工作。Flutter已经发布很长一段时间了，有不少大神都在学习和应用，笔者认为大前端方向是趋势，也学... 查看详情

windoes下安装配置flutter环境

...，我是坚果，公众号”坚果前端“Windows环境安装FlutterWindows系统要求要在Windows系统上安装和运行Flutter，您首先需要满足您的开发环境的这些要求。操作系统Windows7或更高版本（我是Windows10。您也可以使用Mac或Linux... 查看详情

flutterweb开发环境配置(代码片段)

flutterweb开发环境配置web环境配置1chrome支持2.启用web配置VSCode配置新建Web项目激活webdev开发环境首先确认你的flutter环境配置好了：flutter环境准备建议使用VSCode开发。web环境配置1chrome支持flutter默认在stable版本的分支，如果... 查看详情

2-6flutter开发环境与android开发环境设置实操（windows）

通常安装完AS后，sdk的目录C:\\Users\\wjw\\AppData\\Local\\Android\\sdk如果在这个目录下没有找到sdk的目录的话Settings里面搜索sdk，找到AndroidSSDK这里就是as自动下载sdk的文件夹的路径如果这里的路径是空的话，可以点击右边的Edit进行勾选... 查看详情

flutter开发环境与android开发环境设置(代码片段)

...存位置，并下载android版本1.3修改项目保存位置1.4安装Flutter和Dart插件2.设置Flutter镜像（非必须）3.获取FlutterSDK3.1下载安装包3.2配置环境变量3.3Android开发环境设置3.3.1创建android模拟器3.3.2创建Flutter项目3.3.3真机运行3.3.4W... 查看详情