什么是微信小程序:

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

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

微信開發(fā)者工具的使用

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

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

3.選擇本地項目: 

4.添加項目 

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

6.進到主屆面,我們可以添加修改刪除自己目錄或文件. 

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

導入已有項目

項目目錄選擇你要導入的項目即可.項目名稱可以寫成和要導入項目的名稱一樣.也可以不一樣. 

目錄結構

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

1. {
2. "pages":[//頁面:是個數(shù)組(這里對應的兩個頁面.
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. }

創(chuàng)建一個空的項目

不要勾選下方的復選框. 

一.新建App.json文件 

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

四.我們在頁面的布局.wxml文件中輸入要顯示的內容 

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

1. Page({
2. data:{
3.  
4. },
5. onLoad:function(options){
6. // 頁面初始化 options為頁面跳轉所帶來的參數(shù)
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中輸入(程序的配制)

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