QQ小程序開發環境搭建教程

2022-06-09

QQ小程序已經推出一段(duan)時間了(le)，但目前還不是特(te)別(bie)受歡迎。網(wang)上相關教程不多，可(ke)能是因為微信小程序掩蓋了(le)QQ小程序的光芒。

本文將介紹QQ小程序開發環境搭建教程

首先，百(bai)度進入QQ在平(ping)臺(tai)(tai)上(shang)注冊平(ping)臺(tai)(tai)上(shang)注冊賬(zhang)按照平(ping)臺(tai)(tai)上(shang)的步驟填寫信(xin)息，獲(huo)取一個AppID，在以后(hou)建(jian)立項目時使(shi)用(yong)。填寫信(xin)息后(hou)，按照平(ping)臺(tai)(tai)上(shang)的文檔說明下載QQ小程序(xu)開發(fa)者工(gong)具。

安裝好QQ小程序開發(fa)人員工具打開后(hou)，首先讓您(nin)創(chuang)建項(xiang)目(mu)，選(xuan)擇項(xiang)目(mu)目(mu)錄，然(ran)后(hou)在平臺上填寫AppID，輸(shu)入項(xiang)目(mu)名稱，創(chuang)建默(mo)認頁(ye)面結(jie)構hello world框架。如下圖所示(shi)。

當(dang)我(wo)第一(yi)次使(shi)用(yong)這個開發(fa)人員工(gong)具(ju)時，我(wo)不知道(dao)如何(he)開始，如何(he)編輯代碼(ma)，以及該點(dian)在(zai)哪里。后來，我(wo)仔細研究了(le)開放平臺上(shang)的(de)文(wen)(wen)(wen)(wen)檔，終于明白了(le)。首先(xian)，工(gong)具(ju)的(de)左(zuo)側是(shi)模擬器(qi)，就像屏(ping)幕一(yi)樣(yang)，可以實時出現寫(xie)作(zuo)效果，上(shang)面是(shi)工(gong)具(ju)欄，可以編譯、預覽和(he)(he)真(zhen)實調(diao)試，也可以去除各種緩存，其次是(shi)最重要的(de)調(diao)試窗口和(he)(he)代碼(ma)編輯窗口，注(zhu)意(yi)，默(mo)認page菜(cai)單下(xia)(xia)(xia)顯示的(de)文(wen)(wen)(wen)(wen)件目(mu)(mu)(mu)錄結(jie)構是(shi)服務器(qi)形(xing)式，而不是(shi)文(wen)(wen)(wen)(wen)件系統的(de)文(wen)(wen)(wen)(wen)件目(mu)(mu)(mu)錄結(jie)構需要微信(xin)在(zai)菜(cai)單下(xia)(xia)(xia)添加項目(mu)(mu)(mu)項目(mu)(mu)(mu)的(de)本地(di)文(wen)(wen)(wen)(wen)件夾，才(cai)能真(zhen)正顯示項目(mu)(mu)(mu)文(wen)(wen)(wen)(wen)件的(de)目(mu)(mu)(mu)錄結(jie)構。單擊文(wen)(wen)(wen)(wen)件將在(zai)右(you)側打開，代碼(ma)將在(zai)此(ci)編輯。至于文(wen)(wen)(wen)(wen)件目(mu)(mu)(mu)錄結(jie)構的(de)含義，下(xia)(xia)(xia)次，今天只解釋了(le)開發(fa)環境(jing)的(de)構建。我(wo)希望感興趣的(de)朋(peng)友能親自嘗試一(yi)下(xia)(xia)(xia)。