2023-02-10 10:00:00 來(lái)自于應(yīng)用公園
開發(fā)基礎(chǔ):HTML,CSS,JavaScript。但是本文暫時(shí)不會(huì)考慮這些,所以我們來(lái)做一個(gè)大概的介紹。
首先,
然后下載開發(fā)工具寫代碼,上傳和預(yù)覽。
項(xiàng)目目錄是存儲(chǔ)代碼的地方;AppID是小程序賬號(hào),需要申請(qǐng),每個(gè)郵箱只能申請(qǐng)一個(gè)。我們可以先體驗(yàn)小程序跳過(guò)進(jìn)入AppID(遠(yuǎn)程調(diào)試等功能無(wú)法使用,但不影響我們的編寫和編譯);項(xiàng)目名稱是開發(fā)工具上顯示的名稱,與小程序,的內(nèi)容無(wú)關(guān)只是一個(gè)昵稱。程序中,內(nèi)容代碼包含了很多注釋,可以快速上手。
打開后會(huì)是這個(gè)樣子。開發(fā)工具的具體功能像傻子一樣,和一些開發(fā)工具差別不大,自己去探索吧!
您可以看到在快速啟動(dòng)模板:頁(yè)面和utils上有兩個(gè)文件夾和四個(gè)文件,app.js、app.json、app.wxss、project.config.json
存儲(chǔ)在pages文件夾中的文件是要顯示的頁(yè)面。每個(gè)子文件夾都是一個(gè)頁(yè)面的內(nèi)容,子文件夾包含四個(gè)文件。js,json,wxss和。wxml。
那個(gè)。wxml文件是一個(gè)接口文件;js是用于邏輯處理的事件交互文件;wxss是界面美化文件,控制界面格式;json是每個(gè)頁(yè)面的配置文件,導(dǎo)航欄的顯示樣式可以修改。
事實(shí)上,整個(gè)小程序都是由這四份文件組成的。
utils文件夾主要用于存儲(chǔ)一些。全局調(diào)用的js文件,比如需要使用的外部API。
根目錄中app.js、app.json、app.wxss等文件的主要功能如上,但app文件主要負(fù)責(zé)全局監(jiān)管。
app.js:方法處理文件,在程序開始運(yùn)行時(shí)處理事件,并處理小程序的生命周期功能
App.json:全局配置文件,配置小程序所有頁(yè)面(所有頁(yè)面必須先在此聲明)、小程序背景色、導(dǎo)航欄樣式、標(biāo)題(注意此文件不能添加任何注釋);
app . wxs s 3360全局界面美化,配置默認(rèn)頁(yè)面樣式,加載其他頁(yè)面時(shí),當(dāng)前頁(yè)面的wxss文件會(huì)覆蓋App.wxss文件;
因?yàn)槊质切〕绦?,程序必須小,官方代碼不能超過(guò)5M。
如果對(duì)你有幫助,趕緊關(guān)注吧!