微信開發者工具再我們建立專案的時候為我們準備了一個“Hell Word”示例，但是這裡內容比較多不利於初學者快速了解和體驗小程式。今天我們來手動建立一個最簡單的入門例項“Hell Word”，建立一個空目錄來存放專案程式碼。

建立app.js檔案

在目錄中建立一個app.js檔案，該檔案作為專案的入口檔案，通過App() 函式來註冊一個小程式的應用。 該函式接受一個object引數(function 和 data)，比如小程式的生命週期函式。這裡我們先不管那些生命週期函式，只要定義個空引數的App({})函式即可註冊小程式。

//app.jsApp({})

建立一個helloword頁面

我們需要顯示“Hello Word”內容，所以這裡我們需要建立一個頁面。在目錄中建立一個helloword.wxml檔案，這裡我用個試圖容器view標籤來顯示“Hello Word”內容。

// helloword.wxml<view>Hello Word</view>

註冊helloword頁面

小程式中的每個頁面都需要在頁面對應的 js 檔案中進行註冊，所以這裡我們需要在目錄中建立一個helloword.js檔案並通過Page() 函式用來註冊一個頁面。該函式同樣接受一個 object引數，可以是該頁面的初始資料、生命週期函式、事件處理函式等。這裡我們還是先不管那些生命週期函式，只要定義個空引數的Page({})函式即可註冊頁面。

// helloword.jsPage({})

建立app.json檔案

頁面註冊好了我們就需要來配置頁面路徑了，告訴小程式要載入的頁面在哪裡。這就需要我們在根目錄下建立一個app.json檔案，通過該檔案來對小程式進行全域性配置。而其中的pages物件就是用來指定小程式由哪些頁面組成，每一項都對應一個頁面的 路徑（含檔名） 資訊。

這裡需要注意的是檔名不需要寫檔案字尾，框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個檔案進行處理。​​​​​​​陣列的第一項代表小程式的初始頁面（即首頁），小程式中新增/減少頁面時都需要對 pages陣列進行修改。

// app.json檔案{  "pages": [    "helloword"   //由於該檔案目前存放在根目錄，所以這裡直接填檔名  ],}

微信開發者工具除錯

接下來我們就可以開啟“微信開發者工具”並切換到“匯入專案”頁面，在目錄欄中選擇我們的專案資料夾。AppID沒有的可以選擇遊客模式，點選“匯入”按鈕即可。程式會自動生成project.config.json配置檔案和sitemap.json站點地圖配置檔案（可以暫時忽略），在左側的模擬器中我們可以看到在小程式中顯示了我們的“Hello Word”內容。

​helloword頁面新增樣式

到這裡我們就建立了一個最簡單的“Hello Word”小程式，如果你想美化頁面顯示樣式。我們可以繼續建立一個helloword.wxss檔案，在這裡我們可以WXML 的元件樣式進行控制。WXSS的寫法和CSS相似，很容易上手的！

​總結：

以上內容是小編給大家分享的微信小程式實戰003：手動建立一個簡單的入門例項“Hell Word”，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。