@Author：Runsen
很久沒有寫博客，前端學習到這里真的不容易，那接下來Runsen繼續學習微信小程序開發。

首先微信小程序官方開發文檔（免費的）、微信開發者工具（免費的）、微信云開發（還是免費的）

文章目錄

• 環境安裝
• Appid獲取
• 小程序代碼構成
• 看懂app.json

環境安裝

微信開發者工具下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

安裝不說了。

打開的頁面是這樣子的

Appid獲取

下面就是選擇注冊小程序賬號，拿到Appid

注冊好了小程序就可以在小程序設置中查看

AppId 跟小程序秘鑰必須記錄下來。

下載安裝完成之后，打開微信開發者工具，使用注冊小程序賬號的時候綁定的管理員微信掃碼登錄。

• 項目名稱 —— 如 my-project
• 目錄 —— 選擇你要將這個項目放在那里
• AppId —— 填寫我們上面申請的 AppId

點擊“新建”，這樣我們就快速構建了一個項目名稱為 HelloWorld的小程序。這里我先不使用云開發，后面在用。

小程序代碼構成

小程序代碼構成在微信官方的“小程序開發文檔”中有詳細的講解，講解內容可以通過官方文檔方式查看：

可以看出構建小程序項目，根目錄下必須要有 app.js,app.json,app.wxss 這3個文件。

pages 目錄是用于存放頁面，每個頁面就是一個文件夾，分別由.json、.wxml、 .wxss、.js 文件構成。

utils 目錄主要用于存放各種工具類，全局方法等

下面是具體的說明

創建完一個新的項目后。會出現以下的目錄結構：

• project.config.json：項目的配置文件。比如設置項目的名字，設置appid等。
• app.js：小程序邏輯處理。比如小程序加載完成執行的代碼。
• app.json：小程序公共配置。比如小程序的頁面，是否有tabbar等。
• app.wxss：小程序公共樣式。在這個里面寫的樣式可以被所有頁面使用。
• pages：存儲小程序頁面的。
• index：頁面的名稱
• index.js：index頁面的邏輯處理文件。
• index.json：index頁面的配置文件。
• index.wxml：index頁面的頁面結構。
• index.wxss：index頁面的樣式。
• 其他頁面

官方文檔 ：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/

看懂app.json

小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。

具體的app.json的參數查看官方文檔

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的四十六、微信小程序快速开发入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。