這篇文章主要介紹了微信應用號（小程序）入門安裝教程及IDE下載的相關資料,需要的朋友可以參考下
2016年9月22日凌晨，微信宣佈“小程序”問世，媽的，論壇，博客全是小程序，昨天當之無愧搶了頭條，當然只是開始內測了，微信公衆平臺對200個服務號發送了小程序內測邀請。那麼什麼是“小程序”呢，來看微信之父怎麼說
看完之後，相信大家大概都有些明白了吧，對於開發者來說或許都有些小激動吧，畢竟多關注一些新東西沒什麼不好。那麼問題是“小程序”只有200個內測賬號，怎麼辦？還好，天朝的人才太多了，在消息發佈後的幾小時內網上已經出了IDE的破解版，廢話不多說，看配置步驟：
1. IDE下載
MAC版鏈接: http://pan.baidu.com/s/1nvB7UNv 密碼: fk8p
Win版鏈接: http://pan.baidu.com/s/1i5Nlz5z 密碼: d55b
2. 破解。下載鏈接: http://pan.baidu.com/s/1hs6s24s 密碼: irr1
下載完IDE（實際就是微信web開發者工具了）安裝，然後需要分別替換以下2個目錄文件才能破解
安裝目錄\package.nw\app\dist\components\create\createstep.js
安裝目錄\package.nw\app\dist\stroes\projectStores.js
3. 完成。來看界面：
附加朋友分享的Demo下載鏈接: http://pan.baidu.com/s/1qXBR6ry 密碼: bkpx
開發微信小程序入門前
2016年09月21日晚 微信發不了微信“小程序”的內測版，一時間整個互聯網都炸了鍋。個大新聞、論壇都在討論這個事情。
作爲互聯網的一猿，我們怎能不緊跟時代的腳步。於是第二天上午也對微信發佈的“小程序” 進一步的做了相關了解。
很多人問我這是什麼？
我一般回答：這是未來。
安裝教程
關於使用教程網上已經有非常多的教程了，我在這裏也不過多贅述，就簡單的介紹一下。
想要快速的學習及開發微信的“小程序”（雖然它還沒正式發佈）我們首先需要一個“微信web開發着工具”這麼一個軟件，windows版與Mac版都有。注意，是0.9及以上的版本，0.7版本無法運行。
Mac版下載地址：wechat_web_devtools_0.9.092100.dmg
windows下載地址：wechat_web_devtools_0.9.092100_x64.exe
Mac的安裝方式很簡單，與普通應用的安裝方式一樣。
- 打開下載好用dmg文件
- 把"微信web開發者工具"拖進Application就算是安裝完成了
- 依次打開"系統便好設置"->"安全與隱私"->"點按鎖按鈕以進行更改"->選擇"任何來源"
- 根據提示點"是"、"打開" 然後就可以正常的打開應用了
以下是截圖：
先用自己的開發者賬號掃一下二維碼登陸“微信開web發者工具”，登陸成功後會出現一下界面：
(我已經添加過了，所以不用在意這些細節)
點擊“添加項目”
這是會提示輸入AppId、項目名稱、及項目地址, 如下圖
什麼是AppID？
注意：這裏的App ID不是原來開發者帳號的那個App ID。
衆所周知，騰訊只給發了200個開發者賬號，那像咱們這種沒有資格的怎麼辦？
我們是猿誒，在不影響他人利益的情況下當然選擇破解。
題外話：
聽說開發者帳號已經吵到300萬了，不知道是真的還是假的！
- 每個用戶只能有20個“小程序”
- “小程序”不能打開第三方應用
- 每個應用開發完後打包提交給微信進行審覈
- 應用是在微信的服務器的
- 無法獨立出一個獨立的應用，只能在微信上使用
然後點"添加項目"就完成了一個項目的創建。
破解方法
windows與mac的破解方法基本相同，這裏只以mac爲例
先關閉開發者工具
下載這兩個JS文件，分別替換各個目錄中的文件
文件1: createstep.js
文件2: projectStores.js
替換的路徑
createstep.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/components/create/createstep.js
projectStores.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/stroes/projectStores.js
替換完後啓動應用，然後輸入App ID（隨便輸入一個就行了）然後項目名、路徑等。
這樣就可以真正進入開發界面了。
注意：按照網上的教程需要重新啓動一下“微信web開發者工具”原因可能是使用某些功能的時候會提示AppId未註冊。
網上有一個微信Demo，也不知道是不是微信官方的，裏邊有大量的例子。
demo下載：demo.zip
這是一個比較全的demo，包含了大部份功能，及微信所開放的api。
點擊關閉退出到項目選擇頁面，然後選擇“添加應用”與上面方法相同，注意，“項目路徑”選擇剛剛所下載的“Demo” 讓後啓動，就可以體驗大量demo了。
寫一個hello world！
一般有三個文件：
- .wxml 相當於html與xml的結合體
- .js 就是js文件
- .wxss 某種css吧
需要注意的是目前小應用暫時不支持其他插件比如jQuery啥的。
選擇"編輯"選項卡, 打開/pages/index/index.wxml
是不是很熟悉，就是html與xml的結合 先不做修改。然後打開 /pages/index/index.js
在Page函數裏的 data 對象裏的 motto的值改成Hello Dudulu
bindViewTap 這個方法是綁定的跳轉，如果你設置了userInfo的nickName的值，它將會顯示在頁面正中央，當你點擊"nickName"的時候，它路由跳轉到/pages/logs/logs.wxml了
改完後回到"調式"選項卡,點擊"重啓"就可以刷新剛剛所修改的文本了。
運行效果:
這裏有一個錯誤，github上已經有修復改錯誤的方法了，還需要替換一個文件:
文件3: asdebug.js
替換目錄: /Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/weapp/appservice/asdebug.js
就可解決以上報錯的問題。
已經有大神把微信的官方文檔給抓取下來了, 文檔地址: http://notedown.cn/weixin/com...
尾巴
咱們這種破解方式顯然是不行的，我覺得微信可能會封掉這種方法，所以大家趕緊。
我說它是未來，這個大家自己體會，這次我們不能再錯過了。
我們一起加油！
以上就是對微信小程序安裝教程的詳解，希望能幫助到有需要的朋友,謝謝大家對本站的支持！