[flutter+dart]第一篇：开发环境的安装与配置

Posted 2021-02-12 gklovexixi

前言

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

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

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

　　（在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:ProgramFilesCode_ToolsAndroid_studio ，  我的android sdk安装在 D:ProgramFilesCode_ToolsAndroid_SDK

7、配置android sdk用户变量

　　新建 ANDROID_HOME 用户变量，设置变量值为 “你的Android sdk的地址” ，例如我的  D:ProgramFilesCode_ToolsAndroid_SDK

　　编辑用户变量 Path，添加 “你的Android sdk的地址”，例如我的添加  D:ProgramFilesCode_ToolsAndroid_SDK

　　至此，用户环境变量配置完成，如下图：

　　

 

8、安装dart和flutter插件

　　打开android studio，点击Configure，如下图：

　　

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

　　　　

　　再搜索flutter ，如图，点击安装：

　　

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

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

　　

　　如果有其他错误提示，如：

　　

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

 

至此，开发环境安装配置完毕！

打开Android studio，即可创建基于flutter的工程：