本文主要用于介紹微信小程序開發(fā)過程中的注意點(diǎn)，查閱過程請結(jié)合微信的開發(fā)者文檔一同觀看。
本文基于微信小程序公測版，IDE：微信開發(fā)者工具 0.10.102800
本文檔用于幫助公司內(nèi)部初學(xué)者，如有感覺拖沓請見諒

附：微信小程序開發(fā)文檔

AppID申請

AppID 作為開發(fā)者的身份標(biāo)識(shí)，在公測階段暫不支持個(gè)人申請，僅支持 企業(yè)，政府，媒體，其他組織 四種身份，并需提供相應(yīng)的證明資料。沒有 AppID 并不影響開發(fā)，只是不能在微信上調(diào)試，故而只能在IDE中調(diào)試。

每一個(gè) AppID 有管理員和開發(fā)者的身份。管理員只有一個(gè)，并且不能更改；開發(fā)者對(duì)于未認(rèn)證的小程序最多為10個(gè)，認(rèn)證的小程序最多為20個(gè)。只能具備其一，才能在其微信上預(yù)覽。

環(huán)境搭建

附：IDE下載地址。下載后直接無腦安裝到本地即可。

---

1.登錄

與別的IDE不同，需使用微信號(hào)登錄。這也是前文提到的需要 管理員和開發(fā)者的身份 的憑證。

選擇本地小程序項(xiàng)目

添加項(xiàng)目

填寫appID，如果沒有的話，單擊無appID，會(huì)提示你部分功能受限，不用在意。填寫項(xiàng)目名稱和選擇項(xiàng)目目錄即可。勾選了 在當(dāng)前目錄中創(chuàng)建 quick start 項(xiàng)目 會(huì)在你選擇的目錄下生成一個(gè)快速開發(fā)的demo程序。點(diǎn)擊添加項(xiàng)目完成創(chuàng)建。

---

2.IDE介紹

作為公測的產(chǎn)品，此次版本的IDE還是比較簡陋的。相信當(dāng)微信小程序正式推出的時(shí)候，在IDE的使用上會(huì)有很大提升，來滿足開發(fā)者的開發(fā)要求。

第一次打開IDE的界面如下：

可以看見在頁面左邊的導(dǎo)航區(qū)域，有 編輯，調(diào)試，項(xiàng)目，編輯，關(guān)閉 五個(gè)選項(xiàng)。我們可以在“編輯”里可以查看和編輯我們的代碼，在“調(diào)試”里可以測試代碼并模擬小程序在微信客戶端效果，在“項(xiàng)目”里可以發(fā)送到手機(jī)里預(yù)覽實(shí)際效果。至于編譯和關(guān)閉，只是兩個(gè)功能按鈕。（順帶說一句，這個(gè)IDE在 Ctrl + S 的時(shí)候會(huì)自動(dòng)編譯）

編輯時(shí)，功能區(qū)如下：

開發(fā)流程

1.目錄結(jié)構(gòu)

第一次創(chuàng)建項(xiàng)目，工程目錄如下：（會(huì)生成兩個(gè)頁面并可以運(yùn)行）

可以看見程序中的文件有四種類型。

.js : 邏輯控制，用于寫javascript代碼。
.wxml : 頁面結(jié)構(gòu)，用于寫html。當(dāng)然，微信對(duì)其有一定的封裝，用的話還需要了解其標(biāo)簽。
.wxss : 樣式表文件，用于寫css。
.json : 樣式配置，符合json語法格式。用來做其作用域內(nèi)的設(shè)置。

做前臺(tái)的小伙伴看到這心情一定很激動(dòng)，這不就是前端代碼嘛。

---

小程序包含一個(gè)描述整體程序的 app 和多個(gè)描述各自頁面的 page。

1.1 以app命名的各個(gè)文件是整個(gè)app的全局配置文件，其必須放在項(xiàng)目的根目錄下。如下：

官方介紹很詳細(xì)，就不贅述了： app.js , app.json , app.wxss.

1.2 pages 目錄下，為工程中的頁面，每一個(gè)頁面對(duì)應(yīng)pages下的一個(gè)文件夾。文件夾名和文件名一致，不同文件以后綴區(qū)分（注意并不是每個(gè)文件都是必須的）。

官方介紹很詳細(xì)，就不贅述了： .js , .wxml , .wxss, .json.

注意：描述頁面的這四個(gè)文件必須具有相同的路徑與文件名。

---

2.組件

微信基于HTML封裝了一系列的控件，旨在減少大家的開發(fā)難度與工作量，請查看 官方文檔。

注意：所有組件與屬性都是小寫，以連字符 - 連接

---

3.API

請查看 官方文檔。

總結(jié)

以上是生活随笔為你收集整理的微信小程序（一）：微信小程序申请注册与开发流程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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