微信小程序開發(fā)工具32位是針對微信小程序32位電腦推出的小程序開發(fā)者工具。今天小程序上線引起了微信用戶以及電子軟件的一片狂潮,現(xiàn)在大家想必不光是想體驗小程序,還想看看小程序的制作方法和教程吧,西西為大家?guī)斫裉斓男〕绦?2位工具以及使用,歡迎其下載了解。
開發(fā)操作流程:
創(chuàng)建項目
我們需要通過開發(fā)者工具,來完成小程序創(chuàng)建和代碼編輯。
開發(fā)者工具安裝完成后,打開并使用微信掃碼登錄。選擇創(chuàng)建“項目”,填入上文獲取到的 AppID ,設(shè)置一個本地項目的名稱(非小程序名稱),比如“我的第一個項目”,并選擇一個本地的文件夾作為代碼存儲的目錄,點擊“新建項目”就可以了。
創(chuàng)建過程中,如果選擇的本地文件夾是個空文件夾,開發(fā)者工具會提示,是否需要創(chuàng)建一個 quick start 項目。選擇“是”,開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個簡單的 demo。
編寫代碼
點擊開發(fā)者工具左側(cè)導(dǎo)航的“編輯”,我們可以看到這個項目,已經(jīng)初始化并包含了一些簡單的代碼文件。最關(guān)鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js后綴的是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件。微信小程序會讀取這些文件,并生成小程序?qū)嵗?/p>
app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口背景色,配置導(dǎo)航條樣式,配置默認(rèn)標(biāo)題。
創(chuàng)建頁面
本例中使用了view/、image/、text/來搭建頁面結(jié)構(gòu),綁定數(shù)據(jù)和交互處理函數(shù)。
頁面的樣式表是非必要的。當(dāng)有頁面樣式表時,頁面的樣式表中的樣式規(guī)則會層疊覆蓋 app.wxss 中的樣式規(guī)則。如果不指定頁面的樣式表,也可以在頁面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則。
頁面的配置文件是非必要的。當(dāng)有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認(rèn)配置。
手機預(yù)覽
開發(fā)者工具左側(cè)菜單欄選擇項目,點擊預(yù)覽,掃碼后即可在微信客戶端中體驗。