1. 程式人生 > >小程式學習之路二:開發工具部分功能和專案結構介紹

小程式學習之路二:開發工具部分功能和專案結構介紹

上一篇講到了新建專案進來,本篇主要講解開發工具部分功能和專案結構介紹,按照我的風格來,先上目錄

  • 開發工具的部分功能簡介
  • 小程式專案目錄簡介

以下幾個功能是我覺得比較方便喜歡的

  • 自動儲存(設定----編輯設定-----選中修改檔案時自動儲存)
  • console(控制檯,這個相比都熟悉,我的習慣是把它放到下面)
  • 編譯(當你寫完程式碼需要檢視的時候去編譯下,同時也能發現程式碼是否有誤)
  • 預覽(此功能可以把你的小程式執行到手機中去檢視)

也只是比較基礎的幾個,大家試試就知道怎麼搞了

專案結構:

pages下面有兩個目錄index和logs,其實就是代表兩個頁面,你新建的專案點選頭像就會顯示log,也就是logs頁面,logs頁面也相當於二級頁面,在小程式中,頁面等級不可超過五級,這是由於小程式特性的原因,便捷,隨走隨用,不能太複雜

utils目錄下主要放公共用到的一些事件處理程式碼檔案,用於全域性呼叫

你可以看到四種檔案型別:js,json,wxml,wxss

js:也稱指令碼檔案,該檔案主要用於:初始化資料,點選事件,資料互動,邏輯運算,變數宣告,陣列,物件,函式,註釋等

json: 功能處理

wxml:佈局實現

wxss:樣式檔案,wxml引用此檔案的樣式展示出不同的樣式內容

 

新建外部目錄操作

點選 這個加號即可,新建內部目錄則右擊目錄選擇新建目錄即可

好了,大概的專案結構和簡單操作,想必應該熟悉了,後面就要開始擼程式碼了

下一篇講解小程式學習之路三:簡單功能實現