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 键：退出调试预览模式。