Eugene's Blog
0%

[Flutter讀書會]Dart101:HelloWorld

發表於 更新於 分類於 閱讀次數：
1.5k 3 分鐘

前情提要

筆者因公司正打算將公司產品App改用Flutter實作，希望能當先鋒隊，因此自己私下參加讀書會，藉此熟悉一下Flutter的開發方式，屆時公司需要實作時，就可以直接上場大戰啦。

大概在幾年前因同事閒聊聊到Flutter，那時好奇有寫過一篇介紹文，因那時屬自己私底下研究性質，很容易就半途而廢，當然學習下場不是很好，大概兩週就放棄了，這一次藉由讀書會，找到一群熱愛技術的同好督促，才會學得久，學得好。

內容

筆者因日常使用於Mac環境中，舉例都是以Mac環境為主，話不多說，就直接來安裝開發環境吧。

Dart語言安裝

透過brew指令來安裝

1
2
brew tap dart-lang/dart
brew install dart

安裝完成後透過brew info指令的方式看一下dart是否安裝成功

1
2
3
brew info dart
# dart-lang/dart/dart: stable 2.17.6, HEAD
# 以下省略

Hello World 你好，世界

學一個程式語言不免俗的寫第一支你好，世界吧，副檔名為dart

1
2
touch hello_world.dart # 新增一個檔案
code . # 使用vscode開啟

填上程式碼吧

1
2
3
void main(){
    print('Hello, World!');
}

透過dart指令來執行上面寫的程式

1
2
dart run hello_world.dart
# Hello, World!

註解方式

學會一個程式語言，初次就是安裝開發環境，寫第一支Hello World程式並運行，接著最重要的是註解方式，離職後才能告訴同事未完成事項(誤，Dart語言跟大多數的程式語言一樣:

  • 單行註解使用//這個符號
  • 多行註解使用/* 開頭 */ 結尾

assert使用方式

筆者這邊參考官方文件的說明，官方文件這邊使用的都是assert的方式驗證其變數或方法是否正確，等於把執行結果列在assert方法中，那這種assert發生錯誤會怎麼顯示呢，就要透過以下指令來執行才會出現

1
dart --enable-asserts example.dart

先來準備一個檔案，example_assert.dart

1
touch exmpale_assert.dart

接著編輯上面建立的檔案，寫故意出錯的例子

1
2
3
void main() {
  assert(1 == 2);
}

就來執行它吧

1
2
3
4
5
6
dart --enable-asserts example_assert.dart
# 以上省略
# Failed assertion: line 2 pos 10: '1 == 2': is not true.
#0      _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:51:61)
#1      _AssertionError._throwNew (dart:core-patch/errors_patch.dart:40:5)
# 以下省略

可以看到丟出來的訊息就很清楚，assert中包住的內容：1==2這個式子是不對的，這樣簡單交代一下其執行方式，因為官方文件的例子都是assert形式的，往後文章筆者就不另外花篇幅說明。

結論

這篇就以簡單的安裝Dart語言開發環境，每個語言中的第一個範例Hello World程式作介紹，之後會以官方文件加上讀書會使用選書交錯介紹，下篇再見啦。

參考

相關文章