1. 開篇導言

• 本節目標：旨在演示如何用開發者工具構建並運行簡單的 helloworld 應用。
• 目標用戶：無編程經驗，但對微信小程序感興趣的同學。
• 學習目標：開發者工具的基本使用流程，即創建、導入、刪除、關閉項目。
• 案例分析：創建helloworld應用，相似於微信官網簡易教程中的quickstart demo。
• 代碼下載
• 傳送門：

目錄：微信小程序教程-開篇導言-很快微信小程序社區
下一篇：【helloworld】-微信小程序教程-入門篇【2】-很快微信小程序社區

• 備註：有編程經驗或看過微信官網簡易教程的同學，請酌情略過該章節。

2. 案例演示

• helloworld 展示如下圖

3. 構建此應用流程

• 環境準備

微信版本，無論是安卓 or IOS系統，都議將微信版本更新為6.3.27。
下載地址，https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1474974358244具體如下圖：

註：請根據操作系統，選擇正確的版本。

• 創建項目

開發者工具安裝完成後，打開並使用微信掃碼登錄，如下圖：


點擊【添加項目】，如下圖所示：


由於目前我們沒有AppID，所以選擇【無AppID】。項目名稱(非小程序名稱)，“應用號FirstBlood”。項目目錄為“E:\workspace\weixin_example\helloworld”，如下圖：

• 退出項目

添加項目成功後，進入下面的調試頁面，如下圖：


其中藍色區域為模擬器模擬微信小程序在客戶端真實的邏輯表現。右面紅色部分說明無AppID關聯的影響。
右上角綠色方形部分，點擊【X】，關閉開發者工具。左下角綠色方形部分，點擊【關閉】，關閉當前項目並返回項目選擇頁面。如下圖：

• 刪除項目

左側選擇項目後，如下圖：


點擊【刪除】按鈕，彈出對話框，選擇是，則從【開發者工具】中刪除該項目，但並未從硬盤上刪除。如下圖：

註意：上面刪除操作的結果是筆者在win10環境下得到的結果。

4. 小結

【helloworld】-微信小程序開發教程-入門篇【1】