小程序學習第一天---用微信開發者工具建立第一個小程序和微信開發者工具的簡單介紹

 打開微信開發者工具 建立第一個小程序

• 步驟：

  • 打開微信開發者工具

  • 使用微信掃碼登陸

  • 點擊小程序-建立小程序

    • 項目名

    • 項目路徑

    • appid

    • 不使用雲服務器

    • 語言： javascript

 截圖以下：

 

微信開發者開發工具的組成

• 菜單欄

• 工具欄

  • 預覽

    • 描述二維碼

    • 自動預覽

  • 切後臺

• 模擬器

• 編譯器

• 調試器

 目錄結構：

　　　　

 

1.項目結構

• 對比：

  • web頁面：

    • 技術棧：

      • html

        • 從語義化的角度來描述頁面結構

      • css

        • 從審美的角度來美化頁面

      • js

        • 從交互的角度來提高用戶體驗

  • 小程序頁面

    • 技術棧：

      • wxml

        • 描述微信頁面的結構

      • wxss

        • 描述微信頁面的樣式

      • js

        • 書寫微信的邏輯代碼

      • json

        • 配置頁面的相關信息

• 組成

  • pages：管理當前小程序中全部的頁面

    • index

      • index.wml

      • index.js

        • 注意點：

          • 全部的代碼都是寫在

            Page({
              
            })

      • index.wxss

      • index.json

        • 注意點：

          • 若是沒有內容，必須添加一個空對象

  • app.json：註冊小程序中的頁面

• 小技巧

  • 快速建立一個頁面

    • 在 app.json 中的 pages 下添加一個路徑，直接保存，能夠自動生成對應的頁面

  • 設置項目的默認首頁

    • 在 app.json 中的 pages 將路徑移到第一個元素中