最近微信小程序如火如荼，很多開發者也是躍躍欲試，當然我也不例外，本著對新事物的好奇，用一下午的時間研究了一下，此處裝逼，應該有掌聲，勿打臉！哈哈...
我做的是iOS開發，用了兩天的時間看了HTML＋CSS，文章中有說的不到位的地方請高手指教！勿噴！
<h4>首頁</h4>
什么是微信小程序？微信小程序就是....(百度)，各大平臺上的專題介紹更為專業，這里我只是講一下對于前端小白如何裝逼！
.
<h4>安裝微信web開發者工具</h4>
百度網盤：鏈接:https://pan.baidu.com/s/1i5hoewP 密碼:7kgv
安裝最新版0.9版本
破解方法：下載云盤文件
鏈接:https://pan.baidu.com/s/1hsCylNY 密碼:qyv3
替換以下目錄文件
/Resources/app.nw/app/dist/components/create/createstep.js
/Resources/app.nw/app/dist/stroes/projectStores.js
/Resources/app.nw/app/dist/weapp/appservice/asdebug.js
.
<h4>開始創建小程序</h4>
破解完成后打開微信web開發者工具，如下：
這里的appId 項目名稱我都是隨便寫的，大家也可以隨便填寫，然后選擇一個文件地址， 點擊添加項目。
這一步完成之后我們會看到如圖的界面：
<h4>目錄分析</h4>
主要的文件是app.js(腳本文件) 、app.wxss(樣式表文件)、app.json(配置文件)，前兩個不用說了，做過前端的都懂，配置文件我理解的是配置頁面、窗口顏色、或者是導航欄的一些屬性等。 .json代碼如下：
<code>
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
</code>
以上代碼可以看出，這個小程序默認為大家創建好了兩個頁面，一個是index 一個是logs
然后再看目錄文件的index 和 logs文件夾下面，同樣有各自的腳本文件、配置文件、樣式表文件、還多了一個.wxml文件(相當于.html文件) 然后大家就可以在wxml文件中為每個頁面寫內容了，在wxss文件寫一些樣式了。。。。。
<h4>后記</h4>
我就隨便寫了幾句代碼看一下效果，
初學HTML望大家原諒，我是按照html的語法寫的，有些代碼不一樣，也不知道怎么實現，以后還要多多學習！
不過我覺得微信web開發工具有兩點我覺得不是很好：
1，每次編輯一個文件都需要保存一下才能看出效果，否則的話界面上不會改變
2，代碼提示方面還是不夠全面，標簽對好像不能自動補全，不智能，差評。
以上有什么不對的地方希望大家指出！大神勿噴！菜鳥還在學習中！謝謝！
