Dart入门系列 (二) 在Android Studio中配置Dart开发环境

运行环境
OS: macOS 11.6
Dart SDK: Dart SDK version: 2.16.1 (stable) (Tue Feb 8 12:02:33 2022 +0100) on "macos_x64"
Android Studio版本：Android Studio Bumblebee | 2021.1.1

一、准备Dart SDK

brew 安装的dart是没有源代码的，而 Flutter SDK 中的dart的源代码在cache目录中（会不会被清掉？？），因此为了方便查看dart标准库的源代码，单独下载一个 Dart SDK（后面在 Android Studio 中需要配置这个SDK的路径），dart的源代码位于 /lib/ 目录下。

$ cd    # Fluttter-SDK-Dir 为 Flutter SDK 的所在目录，自行替换
$ tree -d -L 4 ./ | cat -n | head -n 20  # 下面是flutter-sdk的目录结构:
     1  ./
     2  ├── bin
     3  │   ├── cache
     4  │   │   ├── artifacts
     5  │   │   │   ├── engine
     6  │   │   │   ├── gradle_wrapper
     7  │   │   │   ├── ios-deploy
     8  │   │   │   ├── libimobiledevice
     9  │   │   │   ├── libplist
    10  │   │   │   ├── material_fonts
    11  │   │   │   ├── openssl
    12  │   │   │   └── usbmuxd
    13  │   │   ├── dart-sdk
    14  │   │   │   ├── bin
    15  │   │   │   ├── include
    16  │   │   │   └── lib
    17  │   │   ├── downloads
    18  │   │   ├── flutter_web_sdk
    19  │   │   │   ├── canvaskit
    20  │   │   │   ├── flutter_web_sdk


# 说明一下 tree/cat/head  命令:

# tree  列出目录的内容
# -d 表示只列出目录
# -L 指定要列出多少层

# cat 连接或输出文件内容
# -n 表示给输出内容添加行号

# head 显示文件的开头多少行 (默认显示头10行)
# -n 指定输出的行数

# 和head对应的还有 tail 命令，tail命令输出末尾多少行 （默认10行）
# 如，显示一个文件的默认20行：
$ tail -n 20 file_name.txt

二、在 Android Studio 中配置Dart

a、安装Dart插件

Command+, 打开 Preferences 界面 => Plugins => 输入 Dart => 点击 Install 安装Dart插件，如下图所示：

dart-plugin.png

b、在Android项目中，创建一个 Dart Module

0x01、创建一个目录dart-demo
0x02、在 settings.gradle 的末尾添加一行：include ':dart-demo'

c、配置 Dart SDK 路径

这个配置不是跟Module关联的，Dart SDK 路径的配置是全局的，配置完成后新建的Dart Module 也能使用

Command+, 打开 Preferences 界面进行配置。下图中 2、3 勾选，4 配置成你的 Dart SDK 的路径即可，具体配置如下图所示：

dart-sdk-settings.png

d、编写dart代码 并 运行

在前面创建的dart-demo目录下，创建一个demo1.dart源文件，然后在源文件上 或 在源文件编辑区域 右键=>运行，就可以看到程序运行的输出信息啦！

run-dart.png