我將帶大家從0開(kāi)始搭建一個(gè)小程序，我也是在一邊學(xué)習(xí)一邊寫(xiě)博客日杈。也希望能和大家交流交流經(jīng)驗(yàn)遣铝。之前是從事web前端的，上手小程序計(jì)較容易莉擒。
0酿炸、效果圖展示：
1.*.wxml
2.*.wxss
3.*.js
4.*.json
wxml：類似網(wǎng)頁(yè)里的html頁(yè)面涨冀；
wxss：類似于網(wǎng)頁(yè)里的css樣式填硕；
js：js文件，用來(lái)定義函數(shù)方法等鹿鳖；
json：配置頁(yè)面屬性扁眯，例如標(biāo)題欄壮莹；
上圖中的app.js app.json app.wxss 三個(gè)文件的文件名是固定的，微信官方定義好的恋拍，不可以修改文件名垛孔，也不可缺少這三個(gè)文件藕甩。
頁(yè)面文件夾里的wxml、 wxss狭莱、 js僵娃、 json文件的文件名必須相同，文件夾名字不必和里面的文件名相同腋妙，如圖
先看下最后的效果圖：
首先打開(kāi)開(kāi)發(fā)工具默怨，創(chuàng)建quick start項(xiàng)目，簡(jiǎn)單的修改一下骤素。
把Index文件夾重命名為welcome匙睹；
底部的hello world改為一個(gè)類似于按鈕的樣式；
添加背景顏色济竹； 修改頂部樣式痕檬；
welcome.wxml
welcome.wxss
注意：在最外部的view設(shè)置寬高百分百，添加背景顏色是無(wú)效的送浊。因?yàn)?a target="_blank" rel="nofollow">微信默認(rèn)外面還有一層page梦谜。
所以需要這樣寫(xiě)：
app.jason
