溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下微信小程序開發中怎么編寫Hello world的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
開發工具是下面的狀態。
畫面的最左邊是導航菜單，用于切換編輯，調試，項目設定等功能。今天我們集中說明編輯功能。
導航菜單的右側分為3個大的區域，分別是小程序執行區域，目錄樹和代碼編輯區域。
小程序執行區域
該區域的最上面有兩個下拉列表框，可以用于切換手機類型和網絡模式。目前的選擇結果是iPhone6和wifi。
中間是小程序的執行畫面。在這個例子中，畫面分為三個區間：最上面的導航欄，中間的用戶信息和最下面的字符串：Hello World。
在本區域的最下面，顯示的是當前頁面的場景值和路徑。
如果用鼠標點擊頭像的部分，小程序會切換到log畫面。
log畫面記錄了小程序每次啟動的日期和時間。
單擊畫面左上角的【返回】可以回到啟動畫面。
目錄樹
目錄樹表示的是項目的目錄構成。在目錄的最上層，有pages，utils兩個目錄和若干app文件。
pages目錄
小程序將所有的頁面文件都放到這個目錄中，每個頁面占有一個單獨的子目錄。
微信小程序的頁面由以下四個文件組成：
| 文件類型 | 必需 | 作用 |
|---|---|---|
| js | 是 | 頁面邏輯 |
| wxml | 是 | 頁面結構 |
| wxss | 否 | 頁面樣式表 |
| json | 否 | 頁面配置 |
這4個文件必須具有相同的文件名。但是根據實際的情況，可以省略wxss和json文件。例如本例中index頁面就沒有json文件。
utils目錄
本目錄用于放置共同的函數，類等。
app文件
app文件作為小程序的主體，必須放置在項目的根目錄下。具體的文件包括：
| 文件 | 必需 | 作用 |
|---|---|---|
| app.js | 是 | 小程序邏輯 |
| app.json | 是 | 小程序公共設置 |
| app.wxss | 否 | 小程序公共樣式表 |
代碼編輯區域
選擇目錄樹中的文件，該文件的內容就會在最右面的區域，代碼編輯區中顯示出來，下圖是index.wxml的內容。
代碼編輯區域的最下面，會顯示包含路徑的文件名，文件的大小，顯示比例和文件類型等信息。
以上就是“微信小程序開發中怎么編寫Hello world”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
