最近微信小程序開始火起來了，雖然還沒開放公測，但是開發工具，本地環境卻是可以構建了

廢話不多說，直接進入正題；

1. 首先下載工具

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN

點擊上麵的鏈接 找到小程序開發者工具 點擊

下載 對應版本，傻瓜式的安裝不必細述

2. 構建小程序

安裝完成後  雙擊 打開應用  

打開微信並掃描 確認登錄即可

點擊添加項目

選擇 無 AppID  -->  填寫(xie) 項目名稱 -->  選擇項目目錄（沒有的話可以先創建一個(ge) 空文件夾） --> 點擊 添加項目

歐了  簡單的 hello world 就創建好了

二：創建頁麵

好了 hello world 創建好了 ，咱開始寫(xie) 頁麵了，那麽(me) 如何創建一個(ge) 簡單的頁麵呢，

廢話不多說，開始擼代碼

新建一個(ge) 頁麵需要以下幾步，

1. 在pages 中添加一個目錄

（當然如果你覺得寫(xie) 在現有的目錄裏麵就好 那這一步就省略啦）

點擊左側(ce) 的 編輯  -->  點中 pages 文件夾  -->   點擊右上角的  +  號  --> 在下拉菜單中選擇 目錄  --> 彈出框中 填寫(xie) 目錄 名稱 （這裏我們(men) 寫(xie) 了test）--> 點擊 確定

2. 新建一個wxml 文件

選中 test  文件夾 --> 點擊 右上角  + 號  --->  選擇  wxml 類型 文件  --> 填入文件名  （注意 這裏必須填寫(xie) 後綴名 至少 我的版本是必須填入的）

3. 編輯test.wxml 文件

為(wei) 了方便測試 我們(men) 隨便 填寫(xie) 點內(nei) 容進去

4. 創建test.js文件

使用同樣的方法在test 目錄下創建一個(ge) test.js 文件

5. 將test 頁麵加入 app.json

在pages 屬性中 加入一條 test 頁麵所在的目錄 這裏是相對路徑 首部不必填寫(xie) /

6. 在首頁加入訪問鏈接

好了 上麵路徑也加好了 我們(men) 得加個(ge) 入口 才能看到自己寫(xie) 的頁麵啊 ， 小程序的首頁一般是默認顯示 pages 屬性

中的第一條路徑所指向的頁麵  ，如果我們(men) 不想破壞原有的 那麽(me) 我們(men) 直接找到首頁  pages/index/index.wxml  添加一個(ge) 鏈接

7. 訪問

一且準備就緒 ，點擊左下角的 “編譯”，出現如下 頁麵 

然後 點擊 “”跳轉test頁麵“”

哇哈哈，看到了沒，你的頁麵做好了！！！（注意所有頁麵編輯後 請按 ctrl + s 保存鍵）