0%

[Flutter讀書會]Dart101:HelloWorld

前提情要

筆者因公司正打算將公司產品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程式作介紹,之後會以官方文件加上讀書會使用選書交錯介紹,下篇再見啦。

參考