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

前言android

博主是作嵌入式的,参加工做时间也不久,并且是非科班出身,以前从未接触过移动开发。最近了解到了flutter框架和dart语言,想做为第二语言学习一下,所以会从最基础的环节开始,以此博客做为记录,还望各路大神多多指导。框架

关于flutter和dart的介绍,这里再也不粘贴,你们能够直接去官网了解。学习

flutter官网   https://flutter.dev/                    dart官网     https://www.dartlang.org/google

预期开发环境spa

Android Studio + Flutter + Dart插件

安装与配置过程命令行

一、下载Flutter SDK,地址            https://flutter.dev/docs/development/tools/sdk/archive3d

二、将下载的压缩包解压到你本地的某个目录,例如我解压到:D:\ProgramFiles\Code_Toolsblog

三、将Flutter的bin文件夹添加到用户变量的路径:教程

  查看你的用户变量里是否有Path这个变量,若是有,则编辑该变量,在变量值里把bin的路劲添加进去,例如个人添加进去就是 D:\ProgramFiles\Code_Tools\flutter\bin; 

  (在cmd中输入flutter命令回车,若是没有提示你不能识别该命令,则表示flutter sdk配置成功)

四、配置Flutter的其余所需变量

  新建 FLUTTER_STORAGE_BASE_URL 用户变量,添加变量值为 https://storage.flutter-io.cn

  新建 PUB_HOSTED_URL 用户变量,添加变量值为 https://pub.flutter-io.cn

五、下载android studio, 官网地址   https://developer.android.google.cn/studio

六、安装android studio,安装过程当时没截图,你们根据提示来就好了。其中:若是你电脑上没有装Android sdk,则会提示你安装,选好安装路径根据提示下载安装就行。

  例:个人Android Studio安装在 D:\ProgramFiles\Code_Tools\Android_studio ,  个人android sdk安装在 D:\ProgramFiles\Code_Tools\Android_SDK

七、配置android sdk用户变量

  新建 ANDROID_HOME 用户变量,设置变量值为 “你的Android sdk的地址” ,例如个人  D:\ProgramFiles\Code_Tools\Android_SDK

  编辑用户变量 Path,添加 “你的Android sdk的地址”,例如个人添加  D:\ProgramFiles\Code_Tools\Android_SDK

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

  

 

八、安装dart和flutter插件

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

  

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

    

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

  

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

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

  

  若是有其余错误提示,如:

  

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

 

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

打开Android studio,便可建立基于flutter的工程:

  

 

附加说明:

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

相关文章
相关标签/搜索