您好,登錄后才能下訂單哦!
今天小編給大家分享一下微信小程序開發中怎么編寫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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。