小程式學習之路二:開發工具部分功能和專案結構介紹
阿新 • • 發佈:2018-11-27
上一篇講到了新建專案進來,本篇主要講解開發工具部分功能和專案結構介紹,按照我的風格來,先上目錄
- 開發工具的部分功能簡介
- 小程式專案目錄簡介
以下幾個功能是我覺得比較方便喜歡的
- 自動儲存(設定----編輯設定-----選中修改檔案時自動儲存)
- console(控制檯,這個相比都熟悉,我的習慣是把它放到下面)
- 編譯(當你寫完程式碼需要檢視的時候去編譯下,同時也能發現程式碼是否有誤)
- 預覽(此功能可以把你的小程式執行到手機中去檢視)
也只是比較基礎的幾個,大家試試就知道怎麼搞了
專案結構:
pages下面有兩個目錄index和logs,其實就是代表兩個頁面,你新建的專案點選頭像就會顯示log,也就是logs頁面,logs頁面也相當於二級頁面,在小程式中,頁面等級不可超過五級,這是由於小程式特性的原因,便捷,隨走隨用,不能太複雜
utils目錄下主要放公共用到的一些事件處理程式碼檔案,用於全域性呼叫
你可以看到四種檔案型別:js,json,wxml,wxss
js:也稱指令碼檔案,該檔案主要用於:初始化資料,點選事件,資料互動,邏輯運算,變數宣告,陣列,物件,函式,註釋等
json: 功能處理
wxml:佈局實現
wxss:樣式檔案,wxml引用此檔案的樣式展示出不同的樣式內容
新建外部目錄操作
點選 這個加號即可,新建內部目錄則右擊目錄選擇新建目錄即可
好了,大概的專案結構和簡單操作,想必應該熟悉了,後面就要開始擼程式碼了
下一篇講解小程式學習之路三:簡單功能實現