Dart4Flutter-拾遗01-flutter-dart环境搭建

2,067 阅读2分钟

Dart4Flutter-01 – 变量, 类型和 函数

Dart4Flutter – 02 –控制流 和异常

Dart4Flutter – 03 – 类和泛型

Dart4Flutter – 04 – 异步和库

Dart4Flutter-拾遗01-flutter-dart环境搭建

系统条件

  • 操作系统最好是win10,会影响PowerShell
  • PowerShell 5.0 以上:主要运行flutter 命令,注意不能用git console
  • git

配置Flutter SDK

  • 下载SDK 地址
  • 解压,放在D盘
  • 双击更目录下的flutter_console.bat文件,就可以执行flutter的命令
  • 如果希望在其他任意路劲执行flutter命令,配置path。flutter\bin添加到path中
  • 执行flutter doctor,查看安装报告,根据提示安装。当前只需要安装下面的Android Studio其他的会一块安装。

安装 Android Studio

  • 下载 地址

  • 默认安装 Android Studio

  • 配置 Android Studio。flutter SDK 配置,dart SDK配置 flutter SDK 在D盘,dart SDK 在D:\flutter\bin\cache,分配在flutter和dart中配置路劲,其他的默认。

    image

  • 装备Android设备。打开手机开发者模式,打开USB调试模式,链接手机到电脑。通过flutter devices检测设备是否连接成功。 有如下类似提,说明连接成功。

PS C:\Users\Administrator> flutter devices
1 connected device:

Redmi Note 3 • JNY969CI99999999 • android-arm64 • Android 5.0.2 (API 21)
  • 创建demo工程 创建flutter工程的菜单

    image
    创建项目的界面,第一个是创建flutter项目,第二个是创建flutter插件,第三个是创建flutter相关的库。 我们创建第一个。
    image
    简单介绍创建的项目目录
    image

  • 运行 点击右上角的绿色的三角,运行flutter 应用到手机上,如果打开,说明整个flutter环境搭建成功,同时dart环境大家成功。

    image

  • 创建的dart文件和运行dart程序 在bin文件夹上,点击右键,选择new->Dart File,添加文件名字为test.dart.

    image
    在文件中添加如下代码:

main() {
  print("hello world");
}

在文件中点击右键,选择Run 'test.dart'.

image
控制台输出

Observatory listening on http://127.0.0.1:52457/

hello world

Process finished with exit code 0

总结

整个过程比较长

  • Flutter SDK 的下载和配置
  • Android studio的配置

但是使用flutter开发app需要使用dart语言,所以在flutter的SDK中集成了dart的SDK。 所以现在学习配置flutter环境还是有必要的。