![用Flutter极速构建原生应用](https://wfqqreader-1252317822.image.myqcloud.com/cover/311/27563311/b_27563311.jpg)
2.1 Dart开发环境搭建
在上一章中,我们配置了Flutter开发环境,在Android Studio开发工具中集成了Flutter与Dart插件,并且运行了第一个Flutter工程。但是要深入地学习Dart编程语言,使用Android Studio是非常不方便的。因此,我们还需要配置一个Dart开发环境,进而更快、更方便地测试Dart语法。
2.1.1 安装Dart SDK
本书中所有的示例都在macOS系统上演示。在macOS平台上安装Dart SDK需要借助homebrew工具,homebrew是一个软件包管理器,一般情况下,系统会默认安装,无须我们做额外的操作。
打开终端软件,在其中依次输入如下两条命令:
brew tap dart-lang/dart brew install dart
如果安装成功,就会看到终端输出如下文字:
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P25_81204.jpg?sign=1739302509-kTDSazzzE0gAEy44GiTt8iXJgeJm4ngS-0-e9e902bec04747cc4dde7b2cb86f61b6)
需要注意,上面的/usr/local/opt/dart/libexec路径非常重要,它是Dart语言的SDK目录,后面的配置需要用到这个目录。
安装完成后,可以在终端输入如下命令来验证Dart是否安装成功:
dart --version
终端输出如下内容则表示安装成功:
Dart VM version: 2.1.0 (Tue Nov 13 18:22:02 2018 +0100) on "macos_x64"
下面我们编写一个简单的Hello World程序来测试一下。新建一个文件,将其命名为1.Hello.dart,在其中编写如下代码:
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P25_81211.jpg?sign=1739302509-P7rC7DuAzwJvcRn0J1zpEQHfqKKYr54p-0-232fc92491eae3dc009fda56202f658f)
上面是一个简单的Dart程序,main函数是程序的入口,print函数用来进行标准输出。在终端使用dart命令运行这个文件:
dart /Users/jaki/Desktop/1.Hello.dart
运行后,可以在终端看到输出结果“Hello World”。
2.1.2 配置Dart编辑器
安装Dart SDK后,我们可以在终端执行Dart程序文件,但是这样十分不便,首先在编写Dart代码的时候,使用的文本编辑器可能并不能给我们带来代码高亮和语法提示的帮助,而且每次修改都需要在终端运行非常耗时。幸运的是,我们可以使用一款名叫Sublime Text 3的编辑器软件,这个软件支持非常多的插件,当然其中也有与Dart语言相关的插件,通过安装一些插件,将Sublime Text 3配置成可以进行Dart代码提示、语法高亮以及直接运行和查看结果的开发平台。
首先,在如下网站下载最新的Sublime Text 3软件:
http://www.sublimetext.com/
下载的是一个初始化的编辑器,在安装Dart相关插件之前,我们需要先安装一个名叫Package Control的Sublime Text插件管理器。
Package Control的安装非常简单,首先打开Sublime Text 3编辑器,使用快捷键打开命令行(`为数字1左边的按键),之后将下面的脚本复制进去,按回车键即可:
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P26_81216.jpg?sign=1739302509-U8ivC3O4y9HVnS6yfYNlGuIu35tbs5LM-0-bf18bf85e72367165c463ec305060a04)
安装需要一段时间。安装完成后,在Sublime Text中使用快捷键可以打开Package Control工具,如图2-1所示。
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P26_2313.jpg?sign=1739302509-cWxvMKnwk76R3iNbVvjiZ1bOq5JQrGhO-0-d59fe933387971a4f3e4d74c86b170a0)
图2-1 使用Package Control的插件安装功能
选中这个选项后,会弹出一个可用的插件列表,如图2-2所示。
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P27_2324.jpg?sign=1739302509-ynE3Q4QLDLI7Nxa590n5rAhyaYfzL8QV-0-3a425f5badafd026c11400532d254875)
图2-2 Package Control的插件列表
这里需要注意,如果你的Sublime Text过了很长时间仍然没有弹出这个插件列表,就很有可能是网络问题造成的异常(存放这个插件库文件的服务器在国外),你可以使用如下方法替换插件库地址:选择Sublime Text菜单上的Preferences→Package Settings→Package Control→Settings-User,如图2-3所示。
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P27_2334.jpg?sign=1739302509-WlIeTPMiQgYlOcYCILG1qLq7u2E9toXH-0-848b06acaad421e7627c9fcf344be052)
图2-3 进行Package Control用户配置
修改其中的channels选项如下:
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P28_81219.jpg?sign=1739302509-4MUenag2cJ54Sa4ZloIZW4XI0upDgluY-0-dd4e156e37e427ca72367235fb91adc6)
之后再次进入插件列表即可。
在插件列表中输入Dart,单击进行安装,安装完成后,选择Sublime Text菜单栏上的Preferences→Settings进行用户配置,添加Dart的SDK路径如下:
"dart_sdk_path": "/usr/local/opt/dart/libexec"
这里的路径就是2.1.1小节Dart SDK的安装路径。
最后,还需要配置一个运行脚本,用来直接在Sublime Text中运行Dart代码,在Sublime Text的菜单栏上选择Tools→Build System→New Build System...选项,在打开的文件中写入如下文本:
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P28_81222.jpg?sign=1739302509-3n6IbnjyhluIwYLhmwR4JNmQ7K9aRp3q-0-db0ffdaf89c6b1193d928371e74163cb)
上面的selector用来配置要运行脚本的文件类型,这里指定后缀为dart的文件;cmd用来配置要执行的脚本,这里需要写入一个Dart执行路径。可以在终端执行如下命令获取Dart的执行路径:
which dart
完成上面的配置后,我们就可以直接在Sublime Text上进行Dart代码的编写、运行和结果查看了。写好Dart代码后,使用快捷键即可运行,如图2-4所示。
![](https://epubservercos.yuewen.com/4C63B7/15825992104143906/epubprivate/OEBPS/Images/Figure-P28_2474.jpg?sign=1739302509-CQ3GfeYz91smPEeZfEaGknePyon7YVv4-0-a2ea110f4b1496ba52de0b395a4b1b43)
图2-4 在Sublime Text中运行Dart代码