1. 程式人生 > >Flutter學習之Dart開發工具使用

Flutter學習之Dart開發工具使用

說明

前面一篇已經介紹了怎麼搭建 Dart 的環境。既然環境有了,就需要使用開發工具了(IDE)。畢竟我們開始學習任何一門語言都是從 “Hello Word” 開始。下面呢,就介紹下兩種 IDE:VS Code 和 WebStorm 。

下載和安裝 VS Code 、 WebStorm 就不在這裡過多的贅述了。直接開始整合 Dart 相關的外掛以及打印出 “Hello Word” 。

使用 VS Code

第一步 :我們需要去下載 Dart 外掛。
下載完了 Dart 外掛之後,需要重啟下 VS Code。
下載Dart 外掛

第二步:建立程式碼檔案。
新建一個資料夾 DartProjects 作為我們工程的工作空間。另外我建立了一個 study

作為學習的目錄。
Demo.dart

void main(){
  var str1 = "OK?";
  print(str1);
}

程式碼截圖

第三步:執行 Dart 檔案。
選擇我們的 Demo.dart 檔案, 然後點選 Start Debugging, 執行程式碼:
測試

然後我們可以在控制檯看到輸出的結果。
執行結果

使用 WebStorm

第一步:我們依然是安裝 dart 外掛

路徑:File --> settings --> Plugings 

安裝 dart 外掛

第二步:設定 Dart SDK 路徑。
設定 Dart SDK路徑

第三步:編寫程式碼測試。
Demo.dart

void main(){
  var str1 =
"OK?"; print(str1); }

程式碼介面

執行程式碼測試
這裡寫圖片描述

好了,到此我們就搞定了。