微信小程序開發(三)開發工具推薦VSCode


雖然微信小程序官方開發工具非常優秀,但用的時間久了,會發現一些問題,比如代碼編輯區小,自定義能力差,不支持插件,有時還會出現莫名其妙的bug,最不能忍的是編輯器代碼提示功能不健全,這對於新手來說,很不友好。為了讓新手少走彎路,我推薦一款編輯器VSCode

Visual Studio Code,簡稱VSCode,是微軟出的一款輕量級代碼編輯器,免費,功能強大,支持中文,對JavaScript支持非常好,自帶很多功能,例如代碼格式化,代碼智能提示補全、而且支持各種插件。

官網:https://code.visualstudio.com/

關於vscode,我就不過多描述了,他功能很強大,下面我們來重點看看如何來用他開發微信小程序。

安裝完成,設置成顯示中文后(設置中,使用快捷鍵ctrl+shift+p,在彈出窗口輸入Configure Display Language,然后選擇zh-cn即可)。

由於用原生vscode開發微信小程序,代碼提示,並不友好,為此,我們需要安裝幾個插件,放心,非常簡單。

打開vscode,點擊擴展管理按鈕,如下圖示:或者直接按快捷鍵:ctrl+shift+x

在打開的擴展管理面板,搜索wxml,如下圖示:

  然后點擊install按鈕,即可!是不是很簡單。

同樣操作,我們再安裝minapp與wechat-snippet

 

 

 OK!

這就差不多了。

下面我們結合微信小程序開發工具與VScode一起開發小程序的具體步驟,

  1. 首先,用微信小程序工具創建一個小程序,比如,我們創建一個helloword的小程序,創建完成后,可以關閉微信小程序開發工具的調試器與 編輯器窗口,如下圖示。

 2.打開VScode,選擇文件-打開文件夾(ctrl+k, ctrl+o),然后選擇剛創建的helloword項目的文件夾,點擊選擇文件夾

  3.可以愉快的擼代碼了!

 是不是很容易!

選擇適合自己的工具,會大大提升自己的編程效率。

關注我!讓你有更愉快的編程體驗!

希望大家編碼愉快!享受編碼的樂趣與藝術!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM