zoukankan      html  css  js  c++  java
  • [flutter+dart] windows7下开发环境的安装与配置

    前言

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

      

    附加说明:

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

  • 相关阅读:
    Bootstrap基础(七):按钮
    Bootstrap基础(六):表单
    Bootstrap基础(五):表格
    Bootstrap基础(四):代码
    Bootstrap基础(三):排版
    Bootstrap基础(二):网格系统
    Bootstrap基础(一):CSS 概览
    本人承接各种.Net网站制作,软件项目等业务。完美帮您定做
    iOS沙盒路径的查看和使用
    asp.net 源码坊4-6源码发布
  • 原文地址:https://www.cnblogs.com/gklovexixi/p/10482517.html
Copyright © 2011-2022 走看看