鍍金池/ 教程/ Java/ 步驟 0:環(huán)境搭建
步驟 1:運(yùn)行一個(gè)框架應(yīng)用
下面要做什么?
總結(jié)和資源
步驟 0:環(huán)境搭建
步驟 5:保存到本地存儲(chǔ)
步驟 7:構(gòu)建并運(yùn)行 App
步驟 2:添加一個(gè)輸入框
步驟 6:從 JSON 編碼的文件里讀取名字
步驟 4:創(chuàng)建一個(gè) PirateName 的類
步驟 3:添加一個(gè)按鈕

步驟 0:環(huán)境搭建

在這一步里,你需要下載 Dart 和示例代碼。

獲取 Dart

如果你還沒獲取 Dart,去下載下來并解壓縮 zip 文件, 然后會(huì)得到一個(gè)名為 dart 的文件夾。(更多信息請(qǐng)?jiān)L問下載頁)

提示:Dart編輯器需要Java 6或更高版本支持。有疑問?請(qǐng)查看 Dart 編輯器問題處理頁面。

運(yùn)行編輯器

打開 dart 文件夾并雙擊 Dart-Editor。

有疑問?請(qǐng)查看 Dart 編輯器問題處理頁面。

獲取示例代碼

用以下方式從 one-hour-codelab GitHub repo 獲取示例代碼:

  • 下載 zip 文件,one-hour-codelab-master.zip。解壓縮 ZIP 文件,得到一個(gè)名為 one-hour-codelab-master 的文件夾。

  • Clone 版本庫。 例如,在命令行輸入以下命令:

      % git clone https://github.com/dart-lang/one-hour-codelab.git

    這將會(huì)創(chuàng)建一個(gè)名為 one-hour-codelab 的文件夾。

打開 one-hour-codelab 示例

在 Dart 編輯器中,使用 File > Open Existing Folder... 來打開 one-hour-codelab 下面的 darrrt 文件夾。

http://wiki.jikexueyuan.com/project/learn-dart-in-minutes/images/learn-dart-in-minutes-set-up-pic1.png" alt="pic1" />

提示:如果你在文件名左邊看到紅色的叉叉或者 packages 目錄丟失,說明軟件包沒有安裝好。右擊 pubspec.yaml 并選擇 Pub Gut

關(guān)鍵信息

  • 幾個(gè)帶序號(hào)的目錄包含了每一步驟的完整代碼。1-blankbadge 包含了最基本的框架版 App,你可以從這開始學(xué)習(xí)。6-piratebadge 包含了最終版本的 App。
  • 每一個(gè)帶序號(hào)的目錄都包含了一個(gè)完整的項(xiàng)目,他們包括:
    • 一個(gè) packages 目錄,包含類庫和 App 運(yùn)行時(shí)依賴的其它文件
    • pubspec.yamlpubspec.lock 文件,指定了包的依賴。這個(gè)項(xiàng)目已經(jīng)為你設(shè)置好了所有的依賴。Dart 編輯器會(huì)自動(dòng)安裝所需的包。
    • Dart SDK 包含了由Dart軟件開發(fā)包提供的所有方法、變量和類的源代碼。
    • Referenced Packages 包含了應(yīng)用所依賴的附加類庫的所有方法、變量和類的源代碼。