【分享】碰見小程序，發現新樂趣

開篇

時間真的是飛快的，如今是2019/6/4，半年的時間轉眼即逝。

我開始接觸小程序開發仍是18年的寒假，到目前爲止時間不算長但也有小一年的時間了，這期間開發了兩款小(hen)程(low)序。其中一個小程序是拿去參加2019小程序應用開發賽的(西南賽區)，抱着試一試的態度去的（ps:隊名也叫try），前段時間在掘金上看到了一個今年參賽的隊伍寫了一篇介紹本身做品的文章後，的確感受到了一種可望不可及。

這也讓我意識到小程序開發還有很長的路要走，這條路雖長，可是我會堅持走下去，由於就如我標題所說碰見小程序後，它帶給了我不少樂趣。昨天看到公衆號推送的社區有徵文活動的消息，沒有猶豫的點進去看了看。而後就開始準備寫您所看到的這篇文章。

開篇的廢話有點多，後方低能預警🙃（筆者的技術水平有限，可能技術層的分享很少），更多的多是一些學習歷程和經驗

路漫漫其修遠兮

小程序有趣，可是想要開發一個小程序也不是看一看就能完成的，咱們須要去學習它。俗話說：「冰凍三尺非一日之寒」，因此這還要咱們始終懷着一顆熱愛的心，和堅持不懈的毅力。

那如何學習開發小程序呢？互聯網時代的好處就是資源的共享，這改變了咱們的生活，當咱們想要了解學習某一事物的時候，咱們能夠打開某搜索引擎進行搜索就能得到不少有用的資源（ps：雖然廣告太多了），下面分享一些我學習的經驗和資源

學習資源

在那個寒假裏我一直想着開發一個本身的小程序，可是當時就是一個白的不能再白的小白！哈哈，啥也不會。因而我便開始各類的在網上找學習教程什麼的，這裏想說得是學習不只要有資料還要找到適合本身方法，這很重要。我我的的學習歷程以下

閱讀資料

閱讀的資料首推的確定是官方文檔，能把文檔讀完，其實也差很少了，其餘的閱讀資料我這收集的不是不少

• 文檔
• 一篇博客

視頻資源

關於視頻教學資源，我其實只想推薦一個網站嗶哩嗶哩，B站真的是一個神奇的網站，」我在B站學編程「 真的不是一句玩笑😋

• 嗶哩嗶哩-搜索微信小程序 自選

我看過的視頻

• 【微信小程序】從入門到入土課程

• 【微信小程序】騰訊工程師教你開發

• 微信小程序騰訊官方學習課程-學作小程序

雲開發教程

• 小程序·雲開發——私房書櫃項目實戰

工欲善其事必先利其器

在咱們學習了一些小程序的知識的時候，咱們就能夠到實踐階段了，但 「工欲善其事必先利其器」。做爲程序員都有本身最喜歡最趁手的一個IDE，小程序開發也是同樣，小程序官方也給開發者準備了一個很是出色的編輯器微信開發者工具，在我看來它的功能是很強大的，有不少的優勢，可是就像人同樣沒有人十全十美，就目前的開發者工具來講仍是有一些缺點，可是官方也一直在改進，這是值得你們期待和讚賞的。

優勢

• 自帶模擬器
• 代碼提交方便
• 雲開發

缺點（有些收集，也有我的見解）

• 工具常常出現莫名的bug，偶爾黑屏
• 偶爾會有粘貼複製失效（截至目前未發現了）
• 代碼提示較少

做爲新手開發者來講，使用微信開發者工具來開發小程序已是綽綽有餘，可是如今對於有了一些經驗的開發者來講他們的追求的可能更多的是編程的溫馨感，因此如今主流的小程序開發是使用VScode+微信開發者工具的組合。我在最初學習的小程序的時候一直使用的微信開發者工具，它足以知足我全部的需求，但當我嘗試了這個組合以後我以爲有必要推薦一波

推薦理由：

1. VScode擁有極其豐富的插件庫，經過這些插件能夠提升咱們編碼的效率。
2. VScode如今基本上已是主流編輯器了，因此學習使用它，對之後的工做來講也是有幫助的
3. VScode的風格也極其溫馨

下載地址

• VScode
• 微信開發者工具

VScode基本配置

使用VScode開始開發之路前，咱們還須要進行一些配置，可是這裏的配置也就是下載一些經常使用的插件而已，沒有很難很複雜得配置，說到插件最經常使用的是以下幾個，安裝也很方便，只須要打開vscode的插件市場按名稱搜索點擊安裝就行

• minapp

支持微信小程序標籤、屬性的智能補全，
而且提示中包含文檔內容
（同時支持原生小程序、mpvue 和 wepy 框架，並提供 snippets）。
複製代碼

• wechat-snippet

這個插件主要的功能就是代碼輔助，
代碼片斷自動完成，能夠做爲上個插件的補充。
複製代碼

• wxml

這款插件用於將wxml代碼進行高亮顯示，
而且提供代碼格式化的功能，可將代碼格式化爲較易閱讀的樣式
複製代碼

不用擔憂模擬器的預覽問題，當微信開發者工具和VScode裏面的項目目錄同樣的時候，當你在VScode裏面保存以後，微信開發者工具的模擬器會自動編譯

tips:將微信開發者的代碼編輯器關閉把模擬器調大一點效果更佳

界面的開發

基礎

詳細看過文檔和看過教學視頻後，相信都明白了小程序的頁面構成，這裏我要說的主要是須要打牢基礎，能夠去模仿一些好看的小程序界面，強調的是在這個階段要本身寫代碼，不能夠CV大法😂，也能夠在github上面找一些別人開源的小程序，邊本身寫，邊對着看，有效果的。下面是github一些開源的小程序

• 私房書櫃
• 微信小程序開發資源彙總
• 微信小程序開源項目庫彙總

後兩個項目真的很是不錯哦！！基本上有這兩個就夠了

進階

當咱們有了良好的基礎以後，爲了開發效率，咱們可使用很是優秀的輪子來幫咱們快速的開發出漂亮的界面，我收集的好用的UI框架有這幾個，也是我用過的，固然還有不少好的框架，我只是沒列出來，用心的小夥伴能夠本身去發現哦

• WeUI
• Vant Weapp
• ColorUI

後端的開發

由於本人還處在學習的階段，後端知識尚未學到，因此這節我不會分享一些主流的後端知識（不會😭），我只是想安利雲開發

圖源互聯網，侵刪

雲開發

對於新手來講我真的是無腦安利雲開發，它給了咱們不少的可能。對於高校學生來講開發一個項目，最大的攔路虎可能就是後端，可能租不起服務器，域名問題等等。

而小程序雲開發幫咱們解決了不少的問題，開通雲開發後咱們無需去思考服務器的問題，並且還幫咱們準備了數據庫，咱們能夠經過雲開發的後臺可視化界面輕鬆的管理咱們的小程序。雖然雲開發是有流量限制的，可是這足以讓咱們去學習，和創造一些有意思的小程序了。

給我帶來了什麼

於我我的而言，個人兩個小程序都是雲開發作的，若是沒有云開發可能個人小程序之旅只能止步前端界面了，即便我擁有了服務器，域名，數據庫等等，我可能也作不出來一個小程序，由於正如我上面所說的那樣，我不會後端技術。就像作飯，有了一堆的好食材，可是卻不會作，那也只能眼睜睜的看着。以下是個人感覺

• 體驗感
• 成就感
• 知識

的確當你作出一個做品的時候你的心裏是極有成就感的，這在其中你也會收穫一些你還沒接觸到的知識

爲何用？用什麼雲？

關於爲何安利雲開發，我總結了幾點，這些是我以爲的雲開發的優勢，首先就是免費，這無疑是最cool的一個點，不至於讓不少人倒在第一道坎上，其次是它的簡單，當一羣很是優秀的程序員幫你寫好了一堆的API 你只須要調用的時候，的確很爽。雲函數，強大的雲函數能幫你實現不少必須用服務器才能實現的業務邏輯，並且有了雲函數會使你獲取openid更加的便捷（此功能只限於微信官方的雲開發）

• 免費
• 簡單
• 雲函數
• 可視化的管理界面

固然若是開發的項目很大業務邏輯很複雜的話仍是須要獨立的服務器

關於用什麼雲

• 小程序自帶的雲開發
• Bmob雲開發

以上兩個雲是我使用過的，第一個官方的雲開發很好用，也不贅述了。第二個是Bmob我以爲也是很讚的一個雲，提供免費版，數據庫的操做也是很簡單，文檔也很詳細，可以極速上手(絕無廣告之嫌，單純推薦)。

一點點使用經驗

當你須要時能夠選一個，但個人經驗是能夠一塊兒使用，當你須要獲取用戶惟一標識的時候就可使用官方的雲開發提供的雲函數，方便快捷，存數據用Bmob，由於當你須要作一些比較複雜的增刪改查的時候Bmob的體驗要好一點

結語

最近在看《史蒂夫.喬布斯傳》，有一句很是著名的蘋果廣告語

「那些瘋狂到覺得本身可以改變世界的人，才能真正的改變世界。」

共勉，加油！😬

你們支持的話，能夠到這裏給我點個贊😍！謝謝