雖然微信小程序官方開發工具非常優秀,但用的時間久了,會發現一些問題,比如代碼編輯區小,自定義能力差,不支持插件,有時還會出現莫名其妙的bug,最不能忍的是編輯器代碼提示功能不健全,這對於新手來說,很不友好。為了讓新手少走彎路,我推薦一款編輯器VSCode。
Visual Studio Code,簡稱VSCode,是微軟出的一款輕量級代碼編輯器,免費,功能強大,支持中文,對JavaScript支持非常好,自帶很多功能,例如代碼格式化,代碼智能提示補全、而且支持各種插件。
官網:https://code.visualstudio.com/
關於vscode,我就不過多描述了,他功能很強大,下面我們來重點看看如何來用他開發微信小程序。
由於用原生vscode開發微信小程序,代碼提示,並不友好,為此,我們需要安裝幾個插件,放心,非常簡單。
打開vscode,點擊擴展管理按鈕,如下圖示:或者直接按快捷鍵:ctrl+shift+x
在打開的擴展管理面板,搜索wxml,如下圖示:
然后點擊install按鈕,即可!是不是很簡單。
同樣操作,我們再安裝minapp與wechat-snippet
OK!
這就差不多了。
下面我們結合微信小程序開發工具與VScode一起開發小程序的具體步驟,
-
首先,用微信小程序工具創建一個小程序,比如,我們創建一個helloword的小程序,創建完成后,可以關閉微信小程序開發工具的調試器與 編輯器窗口,如下圖示。
2.打開VScode,選擇文件-打開文件夾(ctrl+k, ctrl+o),然后選擇剛創建的helloword項目的文件夾,點擊選擇文件夾
3.可以愉快的擼代碼了!
是不是很容易!
選擇適合自己的工具,會大大提升自己的編程效率。
關注我!讓你有更愉快的編程體驗!