1.下載開發(fā)工具。
<a >工具下載地址</a>，下載好微信掃一下即可登錄進行開發(fā)。
2.創(chuàng)建工程項目。
掃一掃之后，會出現(xiàn)一個頁面就是添加項目，點擊即可。會出現(xiàn)一下界面

1.png

如果你是給公司開發(fā)的，那你肯定會有appid的，我們練手玩玩的話，直接選擇無appid，填好相應的項目名稱和項目目錄即可。這時候就會出現(xiàn)屬于你的一個簡易的demo。
3.項目目錄分析。
創(chuàng)建好demo之后，會到一個簡易的demo也沒，點擊編輯菜單，在其右邊就是目錄結構

2.png

3.png

第二：打開pages目錄可以看到有一個index頁面和logs頁面，在打開的話可以看到每個頁面目錄下都有.js .wxml .wxss文件，仔細觀察有的demo里面還包括.json(這里我說明一下，如果你在當前的頁面創(chuàng)建了響應的json文件的話，他就不會復用最外層的app.json而是你當前創(chuàng)建的json里面所配置的內(nèi)容)，

接下來我門分析一下.js .wxml .wxss具體干嘛的。
首先我門來看一下.js吧，他其實就相當于我門創(chuàng)建的activity里面包含的邏輯。 其次呢這是最主要的，他這個頁面和我們的activty一樣也是根據(jù)生命周期來的
<a >生命周期官方解釋類似于android的生命周期</a>下面我截了圖部分生命周期圖

4.png

可以看到了吧，data就是我們初始化的一些變量，onload就是activity里面的onCreate（）方法。下面的我就不一一解釋了。官方很詳細。

下面我門來解釋一下.wxml這個文件的具體內(nèi)容。就是我門的布局文件layout 多了一個w而已，android中就是.xml一個道理?？纯聪旅娴膬?nèi)容

5.png

里面的view層就是我門的linearlayout relativelayout fragmentlayout但是需要你在view 里面配置參數(shù)來實現(xiàn)到底是linearlayout，還是relativelayout，還是這個fragmentlayout，然后看看下方的image 不就是我門的imageview嘛！都是這些控件。
<a >官方給出的控件說明</a>，你需要的里面都有。他這里的數(shù)據(jù)綁定形式類似于我門android 中的databinding這個三方庫（mvvm）

接下來我們來說一下.wxml吧 沒接觸過html的人會有些難理解（個人猜測）這個就是tmd 給每個控件賦不同樣式的文件，我門打開看一下

6.png

看到上面的內(nèi)容了嘛，.userinfo-avatar看到了嘛 寬高外邊距 等等等一下內(nèi)容，如果你想試用這種樣式的話直接在.wxml空間里面 class="userinfo-avatar"這樣就行了。這個文件的功能就是這樣

還有最后一個json文件就是我們的設置頂部導航欄一些東西，下面是里面配置的一些參數(shù)，如果你頁面沒有這個文件他會復用app.json這個文件的配置

6.png

說了這么多，沒接觸過的應該會了解不少。那么我們是不是應該自己動手寫一寫呢。給大家看一下我最近寫的一個東西，change 接口是用charles抓的，類似于開眼視頻吧。也是個簡單的demo 有興趣的可以下載看看
<a >山寨版開眼視頻</a>，里面該有的功能都有，沒有很好的封裝。簡單的實現(xiàn)了一些功能

首頁.png

分類  png