[flutter+dart] windows7下开发环境的安装与配置

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

前言

博主是做嵌入式的,参加工作时间也不久,而且是非科班出身,之前从未接触过移动开发。最近了解到了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

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

  [flutter+dart] windows7下开发环境的安装与配置

 

8、安装dart和flutter插件

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

  [flutter+dart] windows7下开发环境的安装与配置

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

  [flutter+dart] windows7下开发环境的安装与配置  

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

  [flutter+dart] windows7下开发环境的安装与配置

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

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

  [flutter+dart] windows7下开发环境的安装与配置

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

  [flutter+dart] windows7下开发环境的安装与配置

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

 

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

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

  [flutter+dart] windows7下开发环境的安装与配置

 

附加说明:

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

 

 
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • Dart空安全的底层原理与适配
    Dart空安全的底层原理与适配
    一、在空安全推出之前,静态类型系统允许所有类型的表达式中的每一处都可以有 null。从类型理论的角度来说,Null 类型被看作是所有类型的子类;   类型会定义一些操作对象,包括 getters、setters、方法和操作符,在表达式中使用。如果是 List 类型,您可
    03-08
  • Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate)
    Flutter开发指南之理论篇:Dart语法05(单线程
    此文转载自:https://blog.csdn.net/AndrExpert/article/details/110823218Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate) Flutter开发指南之理论篇:Flutter基础01(架构,设计思想) Dart是一门面向对象语言,它针对web 和移
    03-08
  • Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate)
    Flutter开发指南之理论篇:Dart语法05(单线程
    此文转载自:https://blog.csdn.net/AndrExpert/article/details/110823218Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate) Flutter开发指南之理论篇:Flutter基础01(架构,设计思想) Dart是一门面向对象语言,它针对web 和移
    03-08
  • Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate)
    Flutter开发指南之理论篇:Dart语法05(单线程
    此文转载自:https://blog.csdn.net/AndrExpert/article/details/110823218Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate) Flutter开发指南之理论篇:Flutter基础01(架构,设计思想) Dart是一门面向对象语言,它针对web 和移
    03-08
  • oogle的“ JavaScript杀手” Dart 与JavaScript的比较
    oogle的“ JavaScript杀手” Dart 与JavaScript
    JavaScript通常被称为浏览器脚本语言,但它也已扩展到许多服务器端和移动应用程序开发环境。JS已经存在了将近20年,可以肯定地说它确实是一种成熟且稳定的编程语言。在Facebook发布React和React Native框架之后,JS变得越来越流行。JavaScript具有自己的软件
    03-08
  • Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate)
    Flutter开发指南之理论篇:Dart语法05(单线程
    此文转载自:https://blog.csdn.net/AndrExpert/article/details/110823218Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate) Flutter开发指南之理论篇:Flutter基础01(架构,设计思想) Dart是一门面向对象语言,它针对web 和移
    03-08
  • Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate)
    Flutter开发指南之理论篇:Dart语法05(单线程
    此文转载自:https://blog.csdn.net/AndrExpert/article/details/110823218Flutter开发指南之理论篇:Dart语法05(单线程模型,事件循环模型,Isolate) Flutter开发指南之理论篇:Flutter基础01(架构,设计思想) Dart是一门面向对象语言,它针对web 和移
    03-08
  • flutter 填坑之旅(dart学习笔记篇)
    flutter 填坑之旅(dart学习笔记篇)
    俗话说 ‘工欲善其事必先利其器’ 想要撸flutter app 而不懂 dart 那就像一个不会英语的人在和英国人交流,懵!安装 dart 就不用说了,比较简单dart 官网 https://dart.dev/安装完成后就开启学习dart 旅程吧…一、 首先得找个ide (总不能使用记事本撸吧),所
    03-08
  • dart 命令行
       dart build 
    02-09
  • dart系列之:dart语言中的异常 dart新手的错误
    目录简介Exception和ErrorThrow和catchFinally总结简介Exception是程序中的异常情况,在JAVA中exception有checked Exception和unchecked Exception。那么在dart中的情况是不是一样的呢?一起来看看吧。Exception和ErrorDart中表示异常的类有两个,分别是Excep
    02-09
点击排行