電話
13898888888
哈嘍大家好!我是你們人見人愛,花見花開的小編一枚~ 今天咱們來聊聊一個對我來說有點小挑戰,但終還是讓我成功“easy”搞定的東西——用VS2019開發微信小程序!
一開始聽到這個題目,我心里的小人兒瘋狂吶喊:“啊?VS2019?那不是做.NET項目的么?開發小程序不是用微信開發者工具嗎?” 沒錯,我的反應也是一樣的。畢竟,微信開發者工具它自帶的代碼提示、調試功能,用起來那叫一個順手! 但既然標題擺在這兒了,那就硬著頭皮上唄!畢竟,挑戰才能帶來成長嘛,是不是?
我得承認,這過程確實讓我體會到了“easy”的另一種含義——“easy but not simple”! 簡單來說,就是雖然終做出來了,但中間繞了不少彎路,踩了不少坑。 不過,現在回過頭來看,整個過程還挺有意思的。
步,當然是下載安裝VS2019了。這個過程就比較常規了,去微軟官網下載安裝包,然后一路“下一步”就完事了。 我選的是比較全功能的版本,畢竟誰知道以后會不會用到其他功能呢? 當然,如果你只是單純為了開發小程序,選擇一個精簡版也是可以的,畢竟軟件安裝包太大,電腦磁盤空間也是很寶貴的!
接下來,就是重頭戲了——配置VS2019的環境。 這里我可得好好嘮嘮。 VS2019本身并不能直接開發微信小程序,它只是一個強大的代碼編輯器。 所以,我們需要一些插件來輔助我們。 我記得我當時在網上搜羅了不少資料,看了很多教程,結果發現很多教程都比較老舊,或者步驟比較繁瑣。
經過一番摸索,我終于找到了一種比較簡單快捷的方法(當然,這只是我個人覺得簡單快捷,不代表對人都是如此哈)。我主要用到了兩個工具:微信開發者工具和VS2019,前端框架則使用了Color UI,它真的很好用!界面美觀,而且組件豐富,省去了很多自己寫代碼的時間。
然后就是安裝各種插件了。我記得當時裝了不少插件,有些是用來代碼提示的,有些是用來調試的,還有的是用來格式化代碼的……具體裝了哪些,我有點記不清了,畢竟都過去一段時間了。不過,我記得重要的是一個可以支持微信小程序開發的插件,這個插件提供了代碼高亮、智能提示等功能,大大提高了開發效率。
說句實在話,VS Code在這個過程中,其實更像是一個高級的記事本,主要的編譯和運行工作還是得依賴微信開發者工具。VS Code主要負責代碼編寫和一些輔助功能。 畢竟,微信小程序的編譯運行機制和VS2019的.NET項目還是很不一樣的。
為了讓大家更清晰地了解整個過程,我做了個列舉了一些我用到的工具和插件(當然,這只是我個人的經驗,僅供參考哦):
| 工具/插件名稱 | 用途 | 感受 |
|---|---|---|
| Visual Studio 2019 | 代碼編輯器 | 功能強大,但對于小程序開發略顯臃腫 |
| 微信開發者工具 | 小程序編譯、調試、運行 | 必不可少的工具,功能完善 |
| Color UI | 前端UI框架 | 界面美觀,使用方便,極力推薦! |
| (其他一些插件,我實在記不清名字了) | 代碼提示、格式化、調試等 | 提升開發效率的神器 |
在實際開發過程中,我還遇到了一些小比如一些插件的兼容性還有就是一些代碼的調試不過,這些問題都終被我一一解決了,解決問題的過程也讓我學到了不少東西。 整個過程雖然有點曲折,但終的結果還是讓我很滿意。
我想說的是,用VS2019開發微信小程序,其實并不是優解。微信開發者工具依然是。 但是,如果你是VS2019的忠實用戶,或者你對VS2019的功能非常熟悉,那么嘗試一下用VS2019開發微信小程序也是一個不錯的選擇。 當然,你得做好準備迎接一些挑戰!
那么,你有沒有嘗試過用其他工具開發微信小程序呢? 或者,你對用VS2019開發微信小程序有什么看法呢? 歡迎分享你的經驗和觀點!
郵箱:youweb@qq.com
Q Q:http://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes