原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
微信團隊提供的IDE(集成開發環境)大家也都知道了,已經被吐槽的生無可戀,于是都紛紛去尋找更加上手的IDE,目前應該是只有“白鷺EGRET”支持實時預覽,至于這款IDE好不好大家可以自己嘗試。
沒錯它只是一個文本編輯器,但是豐富的插件和精致的顏值直接將它推向了IDE的神壇,只要有插件,就能將sublime打造成各種技術方向的IDE,包括html,php,python,java等。于是它就成了程序員裝機必備的軟件之一。(michael老師教學js的時候也在用)
因為插件眾多,一個一個的安裝顯然不切實際且浪費時間,所以這里我分享一個自己用的爽的集成大部分實用插件的sublime:http://pan.baidu.com/s/1mh5Yuqk (漢化版)
包括常見的后綴文件,代碼提示,代碼重疊,代碼高亮,編碼格式等等,誰用誰知道
有自己想補充的插件可以搜索安裝插件的方法,方法有兩,但我就不說,快去搜索吧
來看看sublime的妝容
我喜歡黑色系(主要是經常晚上敲代碼,白色亮瞎),這款sublime也集成了很多主題,可以在首選項—》主題方案 中設置
右下角可設置 制表符縮進寬度,修改文件類型(這個很關鍵,一般后綴sublime會自動分析文件類型,但對于微信小程序這種特殊后綴的,如果不設置好文件類型是不會出現代碼提示的)
wxml設置文件類型為html
wxss設置文件類型為css
js設置文件類型為javascript
json設置文件類型為json
現在先來試一下html吧
回車
簡直快準狠
回歸小程序的話題,因為sublime只是敲代碼的地方,最終運行結果還是得看官方的IDE,所以使用sublime開發微信小程序的流程是這樣的:
創建小程序項目,直接將整個項目文件夾拖入sublime,即可在sublime里面進行編輯,而官方的IDE就只是單純用來調試用的!!!
如今上架了微信小程序,果不其然,大神們開始寫專屬微信小程序的snippets(sublime通過 “Sublime-snippet” 實現快速補全代碼),群友們也提供了插件下載的鏈接:https://github.com/Abbotton/weapp-snippet-for-sublime-text-2-3
這里就教程一波如何通過snippet實現微信小程序的代碼提示
下載上方鏈接提供的snippet
將紅色文件夾直接放入sublime的安裝目錄 PackagesUser 下
重啟sublime
將小程序的wxml文件類型設置為html(才能有代碼提示的功能)
為了防止這個snippet的代碼提示和其它的沖突,該snippet的作者設定以w開頭觸發代碼提示,至于具體的規則,請看下載地址下的readme文件
致詞,敬禮