分享好友 编程语言首页 频道列表

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

dart文章/教程  2023-02-09 06:080

前言

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

 

查看更多关于【dart文章/教程】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
dart 命令行
   dart build 

0评论2023-02-09800

dart系列之:dart语言中的异常 dart新手的错误
目录简介Exception和ErrorThrow和catchFinally总结简介Exception是程序中的异常情况,在JAVA中exception有checked Exception和unchecked Exception。那么在dart中的情况是不是一样的呢?一起来看看吧。Exception和ErrorDart中表示异常的类有两个,分别是Excep

0评论2023-02-09867

Flutter Dart List.map() 获取下标
class HomePageState extends State{final topTitles = ['审批单', '机票列表', '客服'];final topIcons = ['assets/home/approval.png', 'assets/home/air_ticket.png', 'assets/home/service.png'];@overrideWidget bu

0评论2023-02-09779

dart系列之:dart类中的构造函数 dart 结构体
目录简介传统的构造函数命名构造函数构造函数的执行顺序重定向构造函数Constant构造函数工厂构造函数总结简介dart作为一种面向对象的语言,class是必不可少的。dart中所有的class,除了Null都继承自Object class。 要想使用dart中的类就要构造类的实例,在dart

0评论2023-02-09371

Dart语言学习(十三) Dart Mixins 实现多继承
MixinsMixins(混入功能)相当于多继承,也就是说可以继承多个类,使用with关键字来实现Mixins的功能。那么多个类中有相同的方法时候,会被覆盖吗?覆盖的先后是什么?class A{void a(){print("A.a()...");}}class B{void a(){print("B.a()...");}void b(){pr

0评论2023-02-09411

Flutter+Dart 聊天实例 | Flutter 仿微信界面聊天室
1、项目介绍Flutter是目前比较流行的跨平台开发技术,凭借其出色的性能获得很多前端技术爱好者的关注,比如阿里闲鱼,美团,腾讯等大公司都有投入相关案例生产使用。 flutter_chatroom项目是基于Flutter+Dart+chewie+photo_view+image_picker等技术开发的跨平

0评论2023-02-09638

Dart/Flutter 命名冲突,导致import重复,变异失败,Compiler message: is imported from both
Log:Compiler message:lib/page.dart:92:11: Error: 'showDialog' is imported from both 'package:flutter/src/material/dialog.dart' and 'package:loading/loading.dart'.showDialogvoid(^^^^^^^^^^重复导入,导致变异失败。两种解决方案:1.使用hide,把

0评论2023-02-09473

dart系列之:dart类的扩展
目录简介使用extends抽象类和接口mixins总结简介虽然dart中的类只能有一个父类,也就是单继承的,但是dart提供了mixin语法来绕过这样限制。今天,和大家一起来探讨一下dart类中的继承。使用extends和JAVA一样,dart中可以定义一个父类,然后使用extends来继承

0评论2023-02-09399

更多推荐