一、小程序開發和普通網頁開發的區別1、運行環境不同 2、API 不同3、開發模式不同二、體驗小程序1、微信搜索小程序“小程序示例”
2、注冊小程序
瀏覽器打開網址/ ，注冊小程序開發賬號
3、安裝開發者工具
//dev//.html
推薦安裝最新的穩定版（ Build）的微信開發者工具
4、創建小程序
打開微信開發者工具，掃碼登錄后點擊“+”創建
5、開發工具界面組成
三、小程序代碼的構成1、項目的基本組成結構
① pages 用來存放所有小程序的頁面
② utils 用來存放工具性質的模塊（例如：格式化時間的自定義模塊）
③ app.js 小程序項目的入口文件
④ app.json 小程序項目的全局配置文件
⑤ app.wxss 小程序項目的全局樣式文件
⑥ ..json 項目的配置文件
⑦ .json 用來配置小程序及其頁面是否允許被微信索引
2、小程序頁面的組成部分
小程序官方建議把所有小程序的頁面，都存放在 pages 目錄中，以單獨的文件夾存在，如圖所示：
每個頁面由 4 個基本文件組成，它們分別是：
① .js 文件（頁面的腳本文件小程序可以使用哪些選擇器，存放頁面的數據、事件處理函數等）
② .json 文件（當前頁面的配置文件，配置窗口的外觀、表現等）
③ .wxml 文件（頁面的模板結構文件）
④ .wxss 文件（當前頁面的樣式表文件）
四、json配置文件1、json配置文件的作用
JSON 是一種數據格式，在實際開發中，JSON 總是以配置文件的形式出現。小程序項目中也不例外：通過不同
的 .json 配置文件，可以對小程序項目進行不同級別的配置。
小程序項目中有 4 種 json 配置文件，分別是：
① 項目根目錄中的 app.json 配置文件
② 項目根目錄中的 ..json 配置文件
③ 項目根目錄中的 .json 配置文件
④ 每個頁面文件夾中的 .json 配置文件
2、app.json 配置文件
app.json 是當前小程序的全局配置，包括了小程序的所有頁面路徑、窗口外觀、界面表現、底部 tab 等；
Demo 項目里邊的 app.json 配置內容如下：
① pages：用來記錄當前小程序所有頁面的路徑
② ：全局定義小程序所有頁面的背景色、文字顏色等
③ style：全局定義小程序組件所使用的樣式版本 （刪除style表示使用舊版樣式）
④ ：用來指明 .json 的位置
3、..json 文件
..json 是項目配置文件，用來記錄我們對小程序開發工具所做的個性化配置，例如：
① 中保存了編譯相關的配置
② 中保存的是項目名稱
③ appid 中保存的是小程序的賬號 ID
如在【本地設置】取消勾選，相應的值會變成false
4、.json 文件
微信現已開放小程序內搜索，效果類似于 PC 網頁的 SEO。
.json 文件用來配置小程序頁面是否允許微信索引。
當開發者允許微信索引時，微信會通過爬蟲的形式，為小程序的頁面內容建立索引。
當用戶的搜索關鍵字和頁 面的索引匹配成功的時候，小程序的頁面將可能展示在搜索結果中。
注： 的索引提示是默認開啟的，如需要關閉 的索引提示小程序可以使用哪些選擇器，可在小程序項目配置文件 ..json 的 中配置字段 為 false
5、頁面的.json配置文件
小程序中的每一個頁面，可以使用 .json 文件來對本頁面的窗口外觀進行配置，頁面中的配置項會覆蓋
app.json 的 中相同的配置項。例如：設置每個頁面窗口背景顏色
五、新建小程序頁面1、新建小程序頁面
在 app.json -> pages 中新增頁面的存放路徑，小程序開發者工具即可幫我們自動創建對應的頁面文件
