什么是微信小程序:

小程(cheng)序是一(yi)種新的(de)(de)開(kai)放(fang)能力，開(kai)發者可以快速地開(kai)發一(yi)個小程(cheng)序。小程(cheng)序可以在微信(xin)內被便捷地獲取和傳播(bo)，同(tong)時具有出色的(de)(de)使用體驗。

微信小程序官網(微信公眾平臺): //mp.weixin.qq.com/ 
微信小程序開發文檔 
微信開發者(zhe)工具下載地址(zhi)://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161122

微(wei)信(xin)開發(fa)者工具的使用

1.安裝好(hao)微信開發(fa)者工具后,點擊打開. 

2.用手機的微信掃一掃掃碼登陸. 

3.選擇本地項目: 

4.添加項目 

5.添寫項目(mu)名稱,選擇存放目(mu)錄 

6.進到主屆面,我們可(ke)以(yi)添加修改刪除自己(ji)目錄(lu)或文(wen)件. 

每個文件更改后都要按command+s保存再進行編譯. 
調試—Console:打印log 
調試—Sources:源碼 
調試—Network:網絡 
調試—Storage:緩存(本地數據庫) 可以點擊左邊欄的緩存按鈕清除緩存. 
調試—AppData:程序的數據. 
左邊欄后臺按鈕(niu),模擬小程序在后臺運行.

導入已(yi)有項目(mu)

項目目錄選擇(ze)你(ni)要(yao)導入(ru)的(de)項目即可.項目名(ming)稱可以(yi)寫成和要(yao)導入(ru)項目的(de)名(ming)稱一樣.也可以(yi)不一樣. 

目錄結(jie)構(gou)

編輯—app.json 
pages數組里面是頁面的路徑,對應的是pages里面的文件夾,一個文件夾是一個頁面. 
每個頁面必須包含一個 .js 文件 和一個 .wxml文件. 
.js文件配制頁面的入口. 
.wxml文件配制布局與UI 
.json是頁面的配置文件 
.wxss是頁(ye)面的樣式(shi)文件

1. {
2. "pages":[//頁面:是個數組(這里對應的兩個頁面.
3. "pages/index/index",//index頁面的路徑
4. "pages/logs/logs"//logs頁面的路徑
5. ],
6. "window":{
7. "backgroundTextStyle":"light",
8. "navigationBarBackgroundColor": "#fff",
9. "navigationBarTitleText": "WeChat",
10. "navigationBarTextStyle":"black"
11. }
12. }

創建一個空的項目

不要勾(gou)選下方的復(fu)選框. 

一(yi).新(xin)建(jian)App.json文件 

二.新建src源(yuan)碼目(mu)(mu)錄.  1.在src目(mu)(mu)錄下新建頁(ye)面pages目(mu)(mu)錄  2.在pages目(mu)(mu)錄下新建index目(mu)(mu)錄.  3.在index目(mu)(mu)錄下新建頁(ye)面index.js和index.wxml  三(san).新建app.js文件 

四(si).我(wo)們在頁面的布局.wxml文件中輸入要(yao)顯示的內(nei)容 

五.在頁面入口index.js中輸入(頁面的配制)

1. Page({
2. data:{
3.  
4. },
5. onLoad:function(options){
6. // 頁面初始化 options為頁面跳轉所帶來的參數
7.  
8. },
9. onReady:function(){
10. // 頁面渲染完成
11.  
12. },
13. onShow:function(){
14. // 頁面顯示
15.  
16. },
17. onHide:function(){
18. // 頁面隱藏
19.  
20. },
21. onUnload:function(){
22. // 頁面關閉
23.  
24. }
25. })

在程序入口app.js中輸入

1. App({
2. onLaunch: function () {
3. console.log('App Launch')
4. },
5. onShow: function () {
6. console.log('App Show')
7. },
8. onHide: function () {
9. console.log('App Hide')
10. }
11. })

在app.json中輸入(程(cheng)序的配制(zhi))

1. {
2. "pages": [
3. "src/pages/index/index"
4. ]
5. }