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

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

文章目錄

• 環(huán)境安裝
• Appid獲取
• 小程序代碼構(gòu)成
• 看懂a(chǎn)pp.json

環(huán)境安裝

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

安裝不說了。

打開的頁面是這樣子的

Appid獲取

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

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

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

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

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

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

小程序代碼構(gòu)成

小程序代碼構(gòu)成在微信官方的“小程序開發(fā)文檔”中有詳細(xì)的講解，講解內(nèi)容可以通過官方文檔方式查看：

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

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

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

下面是具體的說明

創(chuàng)建完一個新的項目后。會出現(xiàn)以下的目錄結(jié)構(gòu)：

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

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

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

看懂a(chǎn)pp.json

小程序根目錄下的 app.json 文件用來對微信小程序進(jìn)行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。

具體的app.json的參數(shù)查看官方文檔

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。