Dart和Flutter环境配置以及开发环境的搭建

Dart和Flutter环境配置以及开发环境的搭建

安装Dart SDK

dart官网:https://dart.dev/

dart-sdk下载地址:http://www.gekorm.com/dart-windows/

先安装dart的sdk的包

测试dart是否安装成功

dart安装
1、打开cmd终端
2、dart --version(如出现版本号,则安装成功)

windows搭建Flutter运行环境

一、 安装配置 JDK

1、下载安装 JDK
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
2、配置 JDK
1、系统变量里面新增 JAVA_HOME,设置值为 java sdk 根目录:
在这里插入图片描述
2、在系统变量里新建"classpath"变量,变量值为:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar (注意最前面有一点)
3、找到path变量(已存在不用新建)添加变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

注意变量值之间用";“隔开。注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入。如果你的系统是Windows10,就相对方便多了,不用担心这个”;"。打开cmd,输入 java -version命令查看环境是否配置成功
在这里插入图片描述

二、下载配置 Flutter SDK

1、下载 Flutter SDK

https://flutter.dev/docs/development/tools/sdk/releases\#windows

2、把下载好的 Flutter SDK 随便减压到你想安装 Sdk 的目录如(E:\flutter_windows\flutter)
在这里插入图片描述

3、把 Flutter 安装目录的 bin 目录配置到环境变量。

如上图所示需要把 E:\flutter_windows\flutter\bin 目录配置到 path 环境变量里面
在这里插入图片描述

三、配置 Flutter 国内镜像

搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像

https://flutter-io.cn/

https://flutter.dev/community/china

拉到 Flutter 中文网最下面有配置方式,把下面两句配置到环境变量里面

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
在这里插入图片描述

四、运行 flutter doctor 命令检测环境是否配置成功

在这里插入图片描述
第一次运行的时候会提示下面错误:
在这里插入图片描述
这个时候复制上面红色框框内的命令

flutter doctor --android-licenses

注意:提示输入 Y/N 的地方全部输入 Y
在这里插入图片描述

五、 下载安装 Visual Studio Code (VS Code)

https://code.visualstudio.com/

在这里插入图片描述

六、打开VS Code安装Flutter插件

1、Vscode 中安装Chinese中文语言包(汉化Vscode)
2、Vscode 中安装 Flutter 插件 Dart 插件 Flutter Widget Snippets插件
在这里插入图片描述
在这里插入图片描述
2、Vscode 创建flutter项目
在vscode中选择-查看-命令面板-选择-New Project-回车
在这里插入图片描述
输入项目名称-回车
在这里插入图片描述
选择项目地址-回车
在这里插入图片描述
在这里插入图片描述
2、Vscode 中打开 flutter 项目进行开发

3、运行 Flutter 项目
flutter run

r 键:点击后热加载,也就算是重新加载吧。
p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。
o 键:切换 android 和 ios 的预览模式。
q 键:退出调试预览模式。

代码交流 2021