最近微信小程序開(kāi)始火起來(lái)了,雖然還沒(méi)開(kāi)放公測(cè),但是開(kāi)發(fā)工具,本地環(huán)境卻是可以構(gòu)建了
廢話不多說(shuō),直接進(jìn)入正題;
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN
點(diǎn)擊上面的鏈接 找到小程序開(kāi)發(fā)者工具 點(diǎn)擊
下載 對(duì)應(yīng)版本,傻瓜式的安裝不必細(xì)述
安裝完成后 雙擊 打開(kāi)應(yīng)用
打開(kāi)微信并掃描 確認(rèn)登錄即可
點(diǎn)擊添加項(xiàng)目
選擇 無(wú) AppID --> 填寫項(xiàng)目名稱 --> 選擇項(xiàng)目目錄(沒(méi)有的話可以先創(chuàng)建一個(gè)空文件夾) --> 點(diǎn)擊 添加項(xiàng)目
歐了 簡(jiǎn)單的 hello world 就創(chuàng)建好了
二:創(chuàng)建頁(yè)面
好了 hello world 創(chuàng)建好了 ,咱開(kāi)始寫頁(yè)面了,那么如何創(chuàng)建一個(gè)簡(jiǎn)單的頁(yè)面呢,
廢話不多說(shuō),開(kāi)始擼代碼
新建一個(gè)頁(yè)面需要以下幾步,
(當(dāng)然如果你覺(jué)得寫在現(xiàn)有的目錄里面就好 那這一步就省略啦)
點(diǎn)擊左側(cè)的 編輯 --> 點(diǎn)中 pages 文件夾 --> 點(diǎn)擊右上角的 + 號(hào) --> 在下拉菜單中選擇 目錄 --> 彈出框中 填寫目錄 名稱 (這里我們寫了test)--> 點(diǎn)擊 確定
選中 test 文件夾 --> 點(diǎn)擊 右上角 + 號(hào) ---> 選擇 wxml 類型 文件 --> 填入文件名 (注意 這里必須填寫 后綴名 至少 我的版本是必須填入的)
為了方便測(cè)試 我們隨便 填寫點(diǎn)內(nèi)容進(jìn)去
使用同樣的方法在test 目錄下創(chuàng)建一個(gè) test.js 文件
在pages 屬性中 加入一條 test 頁(yè)面所在的目錄 這里是相對(duì)路徑 首部不必填寫 /
好了 上面路徑也加好了 我們得加個(gè)入口 才能看到自己寫的頁(yè)面啊 , 小程序的首頁(yè)一般是默認(rèn)顯示 pages 屬性
中的第一條路徑所指向的頁(yè)面 ,如果我們不想破壞原有的 那么 我們直接找到首頁(yè) pages/index/index.wxml 添加一個(gè)鏈接
一且準(zhǔn)備就緒 ,點(diǎn)擊左下角的 “編譯”,出現(xiàn)如下 頁(yè)面
然后 點(diǎn)擊 “”跳轉(zhuǎn)test頁(yè)面“”
哇哈哈,看到了沒(méi),你的頁(yè)面做好了!?。。ㄗ⒁馑许?yè)面編輯后 請(qǐng)按 ctrl + s 保存鍵)