前言

博主是做嵌入式的,参加工作时间也不久,而且是非科班出身,之前从未接触过移动开发。最近了解到了flutter框架和dart语言,想作为第二语言学习一下,因此会从最基础的环节开始,以此博客作为记录,还望各路大神多多指导。

关于flutter和dart的介绍,这里不再粘贴,大家可以直接去官网了解。

flutter官网   https://flutter.dev/                    dart官网     https://www.dartlang.org/

预期开发环境

Android Studio + Flutter + Dart

安装与配置过程

1、下载Flutter SDK,地址            https://flutter.dev/docs/development/tools/sdk/archive

2、将下载的压缩包解压到你本地的某个目录,例如我解压到:D:\ProgramFiles\Code_Tools

3、将Flutter的bin文件夹添加到用户变量的路径:

  查看你的用户变量里是否有Path这个变量,如果有,则编辑该变量,在变量值里把bin的路劲添加进去,例如我的添加进去就是 D:\ProgramFiles\Code_Tools\flutter\bin;

  (在cmd中输入flutter命令回车,如果没有提示你不能识别该命令,则表示flutter sdk配置成功)

4、配置Flutter的其他所需变量

  新建 FLUTTER_STORAGE_BASE_URL 用户变量,添加变量值为 https://storage.flutter-io.cn

  新建 PUB_HOSTED_URL 用户变量,添加变量值为 https://pub.flutter-io.cn

5、下载android studio, 官网地址   https://developer.android.google.cn/studio

6、安装android studio,安装过程当时没截图,大家根据提示来就行了。其中:如果你电脑上没有装Android sdk,则会提示你安装,选好安装路径根据提示下载安装就行。

  例:我的Android Studio安装在 D:\ProgramFiles\Code_Tools\Android_studio ,  我的android sdk安装在 D:\ProgramFiles\Code_Tools\Android_SDK

7、配置android sdk用户变量

  新建 ANDROID_HOME 用户变量,设置变量值为 “你的Android sdk的地址” ,例如我的  D:\ProgramFiles\Code_Tools\Android_SDK

  编辑用户变量 Path,添加 “你的Android sdk的地址”,例如我的添加  D:\ProgramFiles\Code_Tools\Android_SDK

  至此,用户环境变量配置完成,如下图:

  

8、安装dart和flutter插件

  打开android studio,点击Configure,如下图:

  

  在弹出的对话框中选择 Browse repositories,将弹出如下对话框,搜索 dart,如图,点击安装:

    

  再搜索flutter ,如图,点击安装:

  

9、检查环境配置是否完整

  重启电脑,打开命令行cmd,输入 flutter doctor,等待一会,它会检测出环境是否正常,正常如下图:

  

  如果有其他错误提示,如:

  

  则根据提示,输入 flutter doctor --android-licenses ,根据提示把所有license校验确认一遍,就OK了。

至此,开发环境安装配置完毕!

打开Android studio,即可创建基于flutter的工程:

  

附加说明:

  在下载的flutter SDK中已包含了dart SDK,因此本配置无须重复下载dart SDK。但是请注意:按照本教程配置的环境无法用于纯dart命令开发,举例:你可以在cmd命令行输入flutter,会产生有效回应,但当你输入dart时,则会提示无法识别该命令。

[flutter+dart] windows7下开发环境的安装与配置的更多相关文章

  1. 【转】android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)

    原文网址:http://www.cnblogs.com/zdz8207/archive/2012/11/27/android-ndk-install.html android 最新 NDK r8 在w ...

  2. android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)

      android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创) 一直想搞NDK开发却一直给其他事情耽搁了,参考了些网上的资料今天终于把 ...

  3. Android NDK r8 Cygwin CDT 在window下开发环境搭建 安装配置与使用 具体图文解说

    版权声明:本博客全部文章均为原创.欢迎交流.欢迎转载:转载请勿篡改内容,而且注明出处,谢谢! https://blog.csdn.net/waldmer/article/details/3272500 ...

  4. 【C#】VS2015开发环境的安装和配置(二)2016-08-03更新

    分类:C#.VS2015.WPF.ASP.NET MVC.Android.iOS.Unity3D: 更新日期:2016-08-03 按下面介绍的步骤安装即可. 一.安装JDK和Android SDK ...

  5. 【C#】VS2015开发环境的安装和配置(一)2016-08-03更新

    分类:C#.VS2015.WPF.ASP.NET MVC.Android.iOS.Unity3D: 更新日期:2016-08-03 一.简介 为了避免网上乱七八糟的过时介绍,避免误导初学者,这次把至2 ...

  6. go 语言开发环境的安装与配置

    go 语言开发环境的安装与配置 编辑器选择 一直以来都是用sublime,但是听说sublime对于golang的插件支持并不是特别完善,并且VS Code只要在自身所带的扩展商店里安装go插件就可以 ...

  7. Ubuntu16.04下LAMP环境的安装与配置

    Ubuntu16.04下LAMP环境的安装与配置 最近做个实验需要用到Ubuntu环境的靶场,所以这里介绍下Ubuntu环境下LAMP的安装与配置,话不多说,我们gkd! 1.Apache2的安装 首 ...

  8. Win7 32位系统下Java开发环境的安装及配置

    目录: Java JDK安装. Java JDK系统环境的配置. 配置常见问题的解决. Java JDK的安装 Java Jdk(Java Development Kit)Java开发不可缺少的环境, ...

  9. 教你10分钟内在Windows上完成Rails开发环境的安装和配置

    原文:http://www.cnblogs.com/tambor/archive/2011/12/25/rails_anzhuang_railsinstaller.html 一般来说,Windows开 ...

随机推荐

  1. [LeetCode] Design Circular Queue 设计环形队列

    Design your implementation of the circular queue. The circular queue is a linear data structure in w ...

  2. Ringo替换Paul

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. Lecture5_1&5_2.随机变量的数字特征(数学期望、方差、协方差)

    一.数学期望 1.离散型随机变量的数学期望 设X为离散随机变量,其概率分布为:P(X=xk)=pk 若无穷级数$\sum_{k=1}^{+\infty}x_kp_k$绝对收敛 (即满足$\sum_{k ...

  4. Linux下面使用命令如何运行.sh文件的两种解决办法

    Linux下面用命令如何运行.sh文件的方法,有两种方法: 一.直接./加上文件名.sh,如运行hello.sh为./hello.sh[hello.sh必须有x权限] 二.直接sh 加上文件名.sh, ...

  5. tomcat体系结构

    总体架构解析 Server: 一个StandardServer类实例就表示一个Server容器,TOMCAT启动的时候首先会启动一个Server,一个Server包括多个Service Service ...

  6. 学习懈怠的时候,可以运行Qt自带的Demo,或者Delphi控件自带的Demo,或者Cantu书带的源码,运行一下Boost的例子(搞C++不学习Boost/Poco/Folly绝对是一大损失,有需要使用库要第一时间想到)(在六大的痛苦经历说明,我的理论性确实不强,更适合做实践)

    这样学还不用动脑子,而且熟悉控件也需要时间,而且慢慢就找到感觉了,就可以精神抖擞的恢复斗志干活了.或者Cantu书带的源码. 并且可以使用Mac SSD运行Qt的Demo,这样运行速度快一点. 此外, ...

  7. layui 将后台传过来的值等价替换

    <th lay-data="{field:'opentime',width:'12%' , sort: true, align:'center',templet:'#roleTpl'} ...

  8. elasticsearch安装head插件

    安装Head插件 由于head插件本质上还是一个nodejs的工程,因此需要安装node,使用npm来安装依赖的包. <1>安装Node.js 下载解压 wget https://node ...

  9. log4j日志输出框架

    什么是log4j框架呢? log4j是一个日志输出框架,用于输出日志的.比如MyBatis的日志就是通过log4j输出的,主流框架都是log4j输出的,Spring框架 也可以通过log4j输出日志! ...

  10. H.264学习--1

    1.宏块(Macro Block):一个编码图像首先要划分成多个块(4x4 像素)才能进行处理,显然宏块应该是整数个块组成,通常宏块大小为                               ...