1. 程式人生 > >安利向:用Visual Studio Code編寫微信小程式

安利向:用Visual Studio Code編寫微信小程式

正式釋出一年多的微信小程式現在依然很火,相信很多人對小程式依然保有興趣,那在開發時我們選擇的工具自然而然是微信自家推的IDE:

這個IDE是微信自家推的嘛,肯定各種方便,但是我卻不太喜歡這種工具的風格,而且像語法高亮,程式設計習慣我都不太適應。

像我們這群追求風格的,要優雅的開發小程式的一群程式設計師,有沒有什麼好玩的工具代替呢?

這就是我想向各位童鞋安利的工具:Visual Studio Code

如果完全不知道這個工具的童鞋可以自行知乎或者Bing,我就不多說啦,簡而言之就是可以跨平臺的程式碼編輯+除錯+無限外掛進行拓展的開發工具,自己親身體驗一下就知道啦。

那我們怎麼由它來開發微信小程式呢?

微信小程式由四種檔案型別構成:js(javascript)檔案、json檔案、WXML檔案、WXSS檔案

聰明的童鞋們一定一眼看出WXML映射了HTML、WXSS映射了CSS

那我們安裝兩個外掛,分別編輯WXML和WXSS就好了,前人栽樹,後人乘涼,特別感謝這兩位大神為開源社群做出的貢獻!

我們用著兩個外掛就可以完美的編輯程式碼檔案了!

至於實時預覽,暫時沒有找到替代方案,就先用著微信自家的工具做替代,編碼用VS Code