## 1.3 第一個Flutter程序 萬事開頭難，我們用Hello World來看一個最簡單的Flutter工程，具體步驟如下。 步驟1：新建一個Flutter工程，選擇Flutter Application，如圖1-21所示。  圖1-21 新建工程 步驟2：點擊Next按鈕，打開應用配置界面，其中在Project name中填寫helloworld，Flutter SDK path使用默認值，IDE會根據SDK安裝路徑自動填寫，Project location填寫為工程放置的目錄，在Description中填寫項目描述，任意字符即可，如圖1-22所示。  圖1-22 配置Flutter工程 步驟3：點擊Next按鈕，打開包設置界面，在Company domain中填寫域名，注意域名要反過來寫，這樣可以保證全球唯一，Platform channel language下面的兩個選項不需要勾選，如圖1-23所示。  圖1-23 設置包名界面 步驟4：點擊Finish按鈕開始創建第一個工程，等待幾分鐘，會創建如圖1-24所示工程。  圖1-24 示例工程主界面 步驟5：工程建好后，可以先運行一下看看根據官方創建的示例運行的效果，點擊Open iOS Simulator打開iOS模擬器，具體操作如圖1-25所示。  圖1-25 打開模擬器菜單示意圖 步驟6：等待幾秒鐘后會打開模擬器，如圖1-26所示。  圖1-26 模擬器啟動完成圖 步驟7：點擊debug（調試）按鈕，啟動官方示例程序，點擊+號按鈕，可以自動加1，此示例是一個基于Material Design風格的應用程序，如圖1-27所示。  圖1-27 官方示例運行效果圖 步驟8：接下來我們打開工程目錄下的main.dart文件，清空main.dart代碼，如圖1-28箭頭所指。  圖1-28 打開main.dart文件 步驟9：把Hello World代碼粘貼至main.dart文件里，完整代碼如下所示： - - - - - - ``` import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: Scaffold( appBar: AppBar( title: Text('Welcome to Flutter'), ), body: Center( child: Text('Hello World'), ), ), ); } } ``` - - - - - - 步驟10：重新運行此程序，標題欄顯示Welcome to Flutter，頁面中間顯示Hello World。這樣，第一個Flutter程序就運行出來啦，如圖1-29所示。  圖1-29 Hello World運行效果圖