十分鐘解決初手在開發(fā)之路上建立第一個小程序頁面

時間：2021-03-02 17:36:04

小程序開發(fā)基本全過程中，開啟微信開發(fā)專用工具,創(chuàng)建新的新項目demo2,這里不啟用“創(chuàng)建QuickStart新項目”復選項?

點擊“明確”按鍵后,能夠見到小程序開發(fā)專用工具中的“目錄構造”頁面只顯示新項目配置文件(project.config.json),另外提示信息出錯?那麼將以前文本提及的3個主體文件(app.js?app.json和app.wxss)在新項目的主目錄下創(chuàng)建,小程序開發(fā)進程中仍然提醒出錯?

小程序開發(fā)中創(chuàng)建第一個頁面文件

小程序開發(fā)進程中再次在新項目主目錄下新創(chuàng)建一個pages目錄,在pages目錄下新創(chuàng)建一個index目錄,并在index目錄下新創(chuàng)建index.js?index.json?in¯dex.wxml和index.wxss空文件?新創(chuàng)建index頁面內(nèi)容后的新項目目錄構造?

這時,小程序開發(fā)系統(tǒng)軟件依然提醒出錯?假定,大家的目地是小程序開發(fā)頁面內(nèi)容能顯示“熱烈歡迎學習培訓小程序,完成大夢想”?最先,開啟index.wxml文件,輸入“熱烈歡迎學習培訓小程序,完成大夢想”?隨后,告知系統(tǒng)軟件這一文件的名字及所在路徑?因而,開啟新項目配置文件app.json,輸入以下代碼:

這一段代碼將index頁面內(nèi)容申請注冊到小程序中,這一目標的第一特性pages接納了一個數(shù)組,該數(shù)組的每一項是一個字符串,該字符串由“路徑”+“文件名稱”構成,不包含后綴名?pages屬性用于特定這一新項目由哪幾個頁面內(nèi)容構成,眾多頁面內(nèi)容中間用“,”隔開?之后,開啟index.json文件,輸入以下代碼: