跳坑《一百五十一》使用第三方編輯器（IDE）開發
阿新 • • 發佈：2019-01-06
開發小程式，並非一定要使用官方的編輯器，你也可以任意選擇自己喜歡的編輯器；
編輯完畢，預覽在小程式編輯器內即可；
比如你可以使用支援協同開發的開發工具來彌補官方開發者工具無法協同開發的問題；
問題：如何進行多人間的協同開發，程式碼如何進行版本管理
相關文章：
atom 支援微信小程式開發環境
用WebStorm在微信小程式中使用LESS
使用Sublime編寫微信小程式
在Linux下開發微信小程式
Mint8(ubuntu16.04) 搭建微信Web開發工具（linux）
相關工具：
Egret Wing：白鷺編輯器
附錄：我用sublime（sublime開發小程式）
有自己想補充的外掛可以搜尋安裝外掛的方法，方法有兩，但我就不說，快去搜索吧 來看看sublime的妝容
我喜歡黑色系（主要是經常晚上敲程式碼，白色亮瞎），這款sublime也集成了很多主題，可以在首選項—》主題方案 中設定
右下角可設定 製表符縮排寬度，修改檔案型別（這個很關鍵，一般字尾sublime會自動分析檔案型別，但對於微信小程式這種特殊字尾的，如果不設定好檔案型別是不會出現程式碼提示的）
[AppleScript] 純文字檢視
現在先來試一下html吧
回車
簡直快準狠 迴歸小程式的話題，因為sublime只是敲程式碼的地方，最終執行結果還是得看官方的IDE，所以使用sublime開發微信小程式的流程是這樣的： 建立小程式專案，直接將整個專案資料夾拖入sublime，即可在sublime裡面進行編輯，而官方的IDE就只是單純用來除錯用的！！！ 讓程式碼提示加速你的編碼速度 這裡就教程一波如何通過snippet實現微信小程式的程式碼提示 下載上方連結提供的snippet
將紅色資料夾直接放入sublime的安裝目錄 PackagesUser 下
重啟sublime 將小程式的wxml檔案型別設定為html（才能有程式碼提示的功能）
為了防止這個snippet的程式碼提示和其它的衝突，該snippet的作者設定以w開頭觸發程式碼提示，至於具體的規則，請看下載地址下的readme檔案
編輯完畢，預覽在小程式編輯器內即可；
比如你可以使用支援協同開發的開發工具來彌補官方開發者工具無法協同開發的問題；
問題：如何進行多人間的協同開發，程式碼如何進行版本管理
在專案目錄使用git或者svn等程式碼管理工具即可
相關文章：
atom 支援微信小程式開發環境
用WebStorm在微信小程式中使用LESS
使用Sublime編寫微信小程式
在Linux下開發微信小程式
Mint8(ubuntu16.04) 搭建微信Web開發工具（linux）
相關工具：
Egret Wing：白鷺編輯器
附錄：我用sublime（sublime開發小程式）
有自己想補充的外掛可以搜尋安裝外掛的方法，方法有兩，但我就不說，快去搜索吧 來看看sublime的妝容
我喜歡黑色系（主要是經常晚上敲程式碼，白色亮瞎），這款sublime也集成了很多主題，可以在首選項—》主題方案 中設定
右下角可設定 製表符縮排寬度，修改檔案型別（這個很關鍵，一般字尾sublime會自動分析檔案型別，但對於微信小程式這種特殊字尾的，如果不設定好檔案型別是不會出現程式碼提示的）
[AppleScript] 純文字檢視| 1 2 3 4 |
wxml設定檔案型別為html
wxss設定檔案型別為css
js設定檔案型別為javascript
json設定檔案型別為json
|
回車
簡直快準狠 迴歸小程式的話題，因為sublime只是敲程式碼的地方，最終執行結果還是得看官方的IDE，所以使用sublime開發微信小程式的流程是這樣的： 建立小程式專案，直接將整個專案資料夾拖入sublime，即可在sublime裡面進行編輯，而官方的IDE就只是單純用來除錯用的！！！ 讓程式碼提示加速你的編碼速度 這裡就教程一波如何通過snippet實現微信小程式的程式碼提示 下載上方連結提供的snippet
將紅色資料夾直接放入sublime的安裝目錄 PackagesUser 下重啟sublime 將小程式的wxml檔案型別設定為html（才能有程式碼提示的功能）
6.png
為了防止這個snippet的程式碼提示和其它的衝突，該snippet的作者設定以w開頭觸發程式碼提示，至於具體的規則，請看下載地址下的readme檔案