微信小程序開發(fā)中怎么編寫Hello world

今天小編給大家分享一下微信小程序開發(fā)中怎么編寫Hello world的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

開發(fā)工具是下面的狀態(tài)。

畫面的最左邊是導(dǎo)航菜單，用于切換編輯，調(diào)試，項(xiàng)目設(shè)定等功能。今天我們集中說明編輯功能。

導(dǎo)航菜單的右側(cè)分為3個(gè)大的區(qū)域，分別是小程序執(zhí)行區(qū)域，目錄樹和代碼編輯區(qū)域。

小程序執(zhí)行區(qū)域

該區(qū)域的最上面有兩個(gè)下拉列表框，可以用于切換手機(jī)類型和網(wǎng)絡(luò)模式。目前的選擇結(jié)果是iPhone6和wifi。

中間是小程序的執(zhí)行畫面。在這個(gè)例子中，畫面分為三個(gè)區(qū)間：最上面的導(dǎo)航欄，中間的用戶信息和最下面的字符串：Hello World。

在本區(qū)域的最下面，顯示的是當(dāng)前頁面的場(chǎng)景值和路徑。

如果用鼠標(biāo)點(diǎn)擊頭像的部分，小程序會(huì)切換到log畫面。

log畫面記錄了小程序每次啟動(dòng)的日期和時(shí)間。

單擊畫面左上角的【返回】可以回到啟動(dòng)畫面。

目錄樹

目錄樹表示的是項(xiàng)目的目錄構(gòu)成。在目錄的最上層，有pages，utils兩個(gè)目錄和若干app文件。

pages目錄

小程序?qū)⑺械捻撁嫖募挤诺竭@個(gè)目錄中，每個(gè)頁面占有一個(gè)單獨(dú)的子目錄。

微信小程序的頁面由以下四個(gè)文件組成：

這4個(gè)文件必須具有相同的文件名。但是根據(jù)實(shí)際的情況，可以省略wxss和json文件。例如本例中index頁面就沒有json文件。

utils目錄

本目錄用于放置共同的函數(shù)，類等。

app文件

app文件作為小程序的主體，必須放置在項(xiàng)目的根目錄下。具體的文件包括：

代碼編輯區(qū)域

選擇目錄樹中的文件，該文件的內(nèi)容就會(huì)在最右面的區(qū)域，代碼編輯區(qū)中顯示出來，下圖是index.wxml的內(nèi)容。

代碼編輯區(qū)域的最下面，會(huì)顯示包含路徑的文件名，文件的大小，顯示比例和文件類型等信息。

以上就是“微信小程序開發(fā)中怎么編寫Hello world”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。