运行环境
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的源代码位于 <Dart-SDK-Dir>/lib/
目录下。
$ cd <Flutter-SDK-Dir> # 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