1. 程式人生 > >微信小程式學習筆記(一)----微信小程式入門簡介,開發者工具基礎使用

微信小程式學習筆記(一)----微信小程式入門簡介,開發者工具基礎使用

到現在學習小程式已經不早了,但是無論什麼時候開始都不晚,只要學就OK。

看到所有小程式開發的教程全部都是以註冊賬號開始的,但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了,而且本身這個過程也並不具有什麼技術性,實在是很多收費的教程視訊用來前期拖時間的一種方式,很坑。放點乾貨先吸引人然後到g點再收費多好,這樣看得人雖然不爽但是還是得乖乖掏錢。

廢話不說了,先在這裡放上幾個常用的網站,因為是初學者,所以網站不多,後面可能會增加,也方便自己使用。

微信小程式官方教程以及API(這個不用說,肯定是必看的)

第一步,熟悉工具

對於一名開發者人員,剛剛接觸小程式,並不需要先去註冊賬號,有這些理由,一定要好好看,不然後面直接去註冊賬號了以後成了廢賬號就不好了。

首先,註冊賬號其實還是比較麻煩的,要準備郵箱、微訊號、身份證甚至銀行卡認證等等資料,而且這些資料一個人只有一套,現在學習的時候就用掉了,那以後真的想自己開發程式的時候怎麼辦?用親人朋友的?

有人說一個人可以註冊好幾個,但是微信的政策一直在把緊,就拿公眾號來說,單人能夠註冊數量越來越少,保不準後面每個人只能註冊一個。

第二,註冊之後熟悉頁面,還有有的教程接著教給配伺服器什麼的又要花時間,但是實際上這些我們在初步都可以跳過,先上手開發,知道小程式怎麼做了,然後等到該用到這些的時候再去弄,這樣,基本上就是可以水到渠成了。

時間很寶貴,先做最主要的事情,賬號再多,伺服器配的再好,不會開發,沒有程式,沒有用的。

微信開發的官方工具是《微信web開發者工具》,其實不只有這一個,不過我作為一名初學者,僅僅使用過這一個,如果對其他的有興趣,可以自行去看下,還有牛刀雲之類的第三方工具。

微信web開發者工具下載地址:

下載安裝好之後,第一次開啟,肯定是讓你登入,直接微信掃碼登入,然後選擇小程式專案,就開始讓你輸入賬號了,沒有賬號沒關係,直接像下面這樣:

然後選擇小程式的目錄並填寫專案名稱,這個根據自己的喜好來,他們的目錄關係是這樣的:

也就是說這裡是沒有專案名稱的,檔案會直接出現在你的目錄下面,所以如果有很多個專案,應該再多建立一級,不知道大家有沒有聽明白。

然後直接點選確定,出現的頁面是這樣的:

我根據我自己的簡單使用用紅色方塊大概分割了幾個區域,如果原本有開發基礎的話,基本上是一看就明白的,另外不要單純的只看,一定要自己先下載下來安裝好了親自點一點看一看,預覽頁面,設定,編輯頁面等等。

在開始編輯之前,建議大家先更改兩個設定,當然了,這個是根據個人情況來的。

點選左上角“設定-編輯設定”,出現一個更改框,我們進行如下圖所示的更改:

第一個不打鉤是為了減少快取,感覺自己電腦配置好的可以忽略。

第二個打上勾是因為這樣就會在新的標籤頁開啟編輯頁面,不會開啟新的關閉舊的,這個是我的個人習慣。

接下來的時間就該是先自己熟悉一下開發工具的使用了,我也是一邊學一邊寫,下一篇筆記開始小程式demo頁面簡單介紹以及編輯。