Dart程式設計 - 環境

---

---

本章討論在Windows平臺上設定Dart執行環境。

使用DartPad線上執行指令碼

您可以使用線上編輯器https://dartpad.dev/線上測試您的指令碼。Dart編輯器會執行指令碼並顯示HTML和控制檯輸出。線上編輯器附帶一組預設程式碼示例。

以下是Dartpad編輯器的螢幕截圖：

Dartpad也允許以更嚴格的方式編寫程式碼。這可以透過選中編輯器右下角的“嚴格模式”選項來實現。“嚴格模式”有助於：

• 更強大的靜態和動態檢查
• 生成更符合習慣的JavaScript程式碼，以實現更好的互操作性。

您可以嘗試使用Dartpad執行以下示例

void main() { 
   print('hello world'); 
}

程式碼將顯示以下輸出

hello world

設定本地環境

在本節中，我們將瞭解如何設定本地環境。

使用文字編輯器

一些編輯器的示例包括Windows記事本、Notepad++、Emacs、vim或vi等。編輯器可能因作業系統而異。原始檔通常以“.dart”副檔名命名。

安裝Dart SDK

Dart當前的穩定版本是1.21.0。您可以從以下連結下載dart sdk：

• https://www.dartlang.org/install/archive

• http://www.gekorm.com/dart-windows/

以下是Dart SDK安裝的螢幕截圖：

完成SDK安裝後，將PATH環境變數設定為：

<dart-sdk-path>\bin 

驗證安裝

要驗證Dart是否已成功安裝，請開啟命令提示符並輸入以下命令：

Dart 

如果安裝成功，它將顯示dart執行時。

IDE支援

許多IDE都支援Dart指令碼編寫。例如，來自Jet brains的Eclipse、IntelliJ和WebStorm。

以下是使用WebStrom IDE配置Dart環境的步驟。

安裝WebStorm

可以從https://www.jetbrains.com/webstorm/download/#section=windows-version下載WebStorm安裝檔案。

WebStorm安裝檔案適用於Mac OS、Windows和Linux。

下載安裝檔案後，請按照以下步驟操作：

• 安裝Dart SDK：請參考上面列出的步驟

• 建立一個新的Dart專案並配置Dart支援

• 要建立一個新的Dart專案，

  • 從歡迎螢幕點選建立新專案

  • 在下一個對話方塊中，點選Dart

• 如果沒有為Dart SDK路徑指定值，則提供SDK路徑。例如，SDK路徑可能是<dart安裝目錄>/dart/dartsdk。

向專案新增Dart檔案

要向專案新增Dart檔案：

• 右鍵單擊專案
• 新建→Dart檔案
• 輸入Dart指令碼的名稱

以下是WebStorm編輯器的螢幕截圖：

dart2js工具

dart2js工具將Dart程式碼編譯為JavaScript。將Dart程式碼編譯為JS可以在不支援Dart VM的瀏覽器上執行Dart指令碼。

dart2js工具作為Dart SDK的一部分提供，可以在/dartsdk/bin資料夾中找到。

要將Dart編譯為JavaScript，請在終端中鍵入以下命令

dart2js - - out = <output_file>.js  <dart_script>.dart

此命令將生成一個包含Dart程式碼的JavaScript等效檔案。有關使用此實用程式的完整教程，請訪問Dart官方網站。