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

如果安裝成功，就會看到終端輸出如下文字：

需要注意，上面的/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，在其中編寫如下代碼：

上面是一個簡單的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左邊的按鍵），之后將下面的腳本復制進去，按回車鍵即可：

安裝需要一段時間。安裝完成后，在Sublime Text中使用快捷鍵可以打開Package Control工具，如圖2-1所示。

圖2-1　使用Package Control的插件安裝功能

選中這個選項后，會彈出一個可用的插件列表，如圖2-2所示。

圖2-2　Package Control的插件列表

這里需要注意，如果你的Sublime Text過了很長時間仍然沒有彈出這個插件列表，就很有可能是網絡問題造成的異常（存放這個插件庫文件的服務器在國外），你可以使用如下方法替換插件庫地址：選擇Sublime Text菜單上的Preferences→Package Settings→Package Control→Settings-User，如圖2-3所示。

圖2-3　進行Package Control用戶配置

修改其中的channels選項如下：

之后再次進入插件列表即可。

在插件列表中輸入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...選項，在打開的文件中寫入如下文本：

上面的selector用來配置要運行腳本的文件類型，這里指定后綴為dart的文件；cmd用來配置要執行的腳本，這里需要寫入一個Dart執行路徑。可以在終端執行如下命令獲取Dart的執行路徑：

    which dart

完成上面的配置后，我們就可以直接在Sublime Text上進行Dart代碼的編寫、運行和結果查看了。寫好Dart代碼后，使用快捷鍵即可運行，如圖2-4所示。

圖2-4　在Sublime Text中運行Dart代碼