Hi,大家好,還記得去年我們推送的兩篇關(guān)于如何寫小程序的文章嗎?不記得也沒關(guān)系,文章結(jié)尾我們會附上前兩期的鏈接,方便大家復(fù)習(xí)和開展后面的學(xué)習(xí)。
從本期開始,我們進入正式寫小程序篇。
Step 1:打開已經(jīng)安裝好的微信web開發(fā)者工具,進入如下圖所示界面
Step 2:選擇你準備存儲的項目目錄,比方說,你可以在某個硬盤創(chuàng)建一個叫做小程序的文件夾,填寫按照前兩篇文章已經(jīng)申請注冊過?的AppID。如果之前沒有注冊過也沒關(guān)系,點擊上圖中“體驗:小程序/小游戲“就可以了,然后為你的項目起一個名字,如下圖所示,點擊”確定“按鈕。
Step 3:接著我們會進入如下圖所示界面,然后點擊菜單欄中”界面“按鈕,在”工具欄“前打勾,調(diào)出工具欄
Step 4:調(diào)出工具欄后,會看到模擬器、編輯器和調(diào)試器三個按鈕,然后點擊”編輯器“,如下圖箭頭所示
Step 5:在右側(cè)的目錄文件里,找到pages>>index,點擊index.wxml
Step 6:然后會看到最右側(cè)有很多示例代碼,把右側(cè)的所有代碼選中全部刪掉,下面我們就要自己開始編代碼了
在這里,首先說一下小程序的一個基礎(chǔ)概念,小程序界面上其實都是一個一個的小view,這些view可以理解為一個一個的方塊,大方塊包小方塊,最終形成一個完整的小程序。
接下來我們寫第一個view:
一個view就是這樣被包裹起來,從開始,代表著結(jié)束,結(jié)合中間的內(nèi)容,構(gòu)成一個完整的view
比方說,中間內(nèi)容寫:This is my first view!
在右側(cè)的編輯器中輸入,然后按control+s鍵保存,左側(cè)就會顯示出你輸進去的內(nèi)容,這樣,你的第一個view就寫完了
另外,需要說一下,一般的代碼編輯器都很貼心的提供了”代碼補全“功能,所以你不需要完整地輸入view,輸入vie時,就會提示你是不是view,這時,你敲擊tab鍵,編輯器就自動寫好了,這點與輸入法有點類似。
另外,還需要注意的是,在編輯view時,輸入法切換至英文模式,不然可能會報錯喲!
今天的學(xué)習(xí)就到這里了,小編帶領(lǐng)大家學(xué)習(xí)了寫小程序的第一課,寫出了人生中第一個view,如果有什么問題可以留言,大家共同探討進步,后面還有很多精彩課程期待著與大家一起學(xué)習(xí)分享啦。
前兩期關(guān)于小程序開發(fā)環(huán)境如何搭建的文章鏈接如下,如果記不清了,可以重新復(fù)習(xí)一下: