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

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

錫山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

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

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

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

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

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

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

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

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

log畫面記錄了小程序每次啟動的日期和時間。

單擊畫面左上角的【返回】可以回到啟動畫面。

目錄樹

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

pages目錄

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

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

文件類型	必需	作用
js	是	頁面邏輯
wxml	是	頁面結(jié)構(gòu)
wxss	否	頁面樣式表
json	否	頁面配置

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

utils目錄

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

app文件

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

文件	必需	作用
app.js	是	小程序邏輯
app.json	是	小程序公共設(shè)置
app.wxss	否	小程序公共樣式表

代碼編輯區(qū)域

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

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

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

分享名稱：微信小程序開發(fā)中怎么編寫Helloworld
網(wǎng)站路徑：http://m.jiaotiyi.com/article/jpshjo.html