api提示不全助泽，要一個(gè)個(gè)查api啊楞慈，寫代碼超級(jí)慢啊很多必備的快捷鍵都沒(méi)有旺嬉，比如全選關(guān)鍵字、快速?gòu)?fù)制一行等等顏色主題不能選本冲？不喜歡白色風(fēng)格怎么搞沒(méi)有插件 沒(méi)有插件 沒(méi)有插件 重要的事情說(shuō)三遍無(wú)奈筆者走上了嘗試各 ...
api提示不全准脂，要一個(gè)個(gè)查api啊，寫代碼超級(jí)慢啊
很多必備的快捷鍵都沒(méi)有檬洞，比如全選關(guān)鍵字狸膏、快速?gòu)?fù)制一行等等
顏色主題不能選？不喜歡白色風(fēng)格怎么搞
沒(méi)有插件 沒(méi)有插件 沒(méi)有插件 重要的事情說(shuō)三遍
無(wú)奈筆者走上了嘗試各種IDE的旅途添怔，現(xiàn)在說(shuō)一下筆者對(duì)于IDE的需求或者設(shè)想：
輕量級(jí)：我不喜歡那種類似Eclipse的龐然大物湾戳，即使出現(xiàn)類似工具我也不會(huì)去使用，因?yàn)槠渲?0%的功能都不會(huì)被用到广料。
可定制化的代碼著色：代碼著色是必備功能砾脑，如果支持顏色模板最好
準(zhǔn)確的代碼提示：這個(gè)太重要了，大家懂得
可調(diào)試：IDE可以進(jìn)行調(diào)試或運(yùn)行
實(shí)時(shí)預(yù)覽界面：由于應(yīng)用開(kāi)發(fā)與網(wǎng)頁(yè)不同艾杏，實(shí)時(shí)預(yù)覽必須在程序運(yùn)行時(shí)才會(huì)將動(dòng)態(tài)數(shù)據(jù)加載到界面韧衣，這塊我不抱太大希望
針對(duì)上面幾個(gè)需求，筆者前后嘗試了目前市面上支持小程序開(kāi)發(fā)的工具糜颠，嘔心瀝血總結(jié)如下汹族，以供大家參考。
微信小程序官方開(kāi)發(fā)工具
注意其兴，這個(gè)小標(biāo)題我并沒(méi)有使用“IDE”字眼。因?yàn)樵诠P者眼中夸政，它真的是個(gè)工具元旬，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中匀归，不足以支撐開(kāi)發(fā)坑资。
優(yōu)點(diǎn)
因?yàn)槭枪俜焦ぞ咚杂羞@其它第三方工具有這不可比擬的天然優(yōu)勢(shì)，如果不是他代碼編輯功能太弱的話穆端。
官方工具袱贮，可調(diào)試，可預(yù)覽
基本的代碼編輯体啰、智能提示攒巍、調(diào)試等功能都有
項(xiàng)目管理、創(chuàng)建荒勇、手機(jī)預(yù)覽柒莉、代碼提交審核
官方維護(hù)更新
缺點(diǎn)
不好的地方也很明顯，總體而言是一款工具而不是IDE沽翔。糟糕的代碼編輯功能兢孝，寫起代碼非常別扭，這是我放棄它的最重要原因仅偎。
api提示不全跨蟹，要一個(gè)個(gè)查api啊，寫代碼超級(jí)慢啊
很多必備的快捷鍵都沒(méi)有橘沥，比如全選關(guān)鍵字窗轩、快速?gòu)?fù)制一行等等
顏色主題不能選？不喜歡白色風(fēng)格怎么搞
沒(méi)有插件 沒(méi)有插件 沒(méi)有插件 重要的事情說(shuō)三遍
總結(jié)
目前因?yàn)樾枰玫轿⑿舧eb開(kāi)發(fā)工具進(jìn)行小程序的創(chuàng)建威恼、調(diào)試品姓、查看、預(yù)覽箫措、上傳腹备，所以這個(gè)工具必不可少。但是代碼編輯功能實(shí)在太差斤蔓，推薦使用其它第三方代碼編輯工具代替植酥。
Sublime Text 3
說(shuō)完官方工具，聊一聊我日常工作最常用的工具 sublime text 3弦牡，它定位于代碼編輯器而不是IDE友驮，試用了一下，在代碼提示方面只能算得上一般般驾锰。
優(yōu)點(diǎn)
打開(kāi)文件速度倍兒快卸留、UI簡(jiǎn)潔大方
代碼編輯體驗(yàn)舒適、高效
擁有大量插件椭豫，針對(duì)不同需求基本上能找到對(duì)應(yīng)插件來(lái)滿足
第三方開(kāi)發(fā)者開(kāi)發(fā)小程序插件用于代碼著色和代碼提示
缺點(diǎn)
沒(méi)有調(diào)試耻瑟，沒(méi)有預(yù)覽
因?yàn)槭堑谌介_(kāi)發(fā)者編寫的插件旨指，代碼提示也不是非常全面
總結(jié)
除了本身的代碼編輯優(yōu)勢(shì)，對(duì)于小程序開(kāi)發(fā)并沒(méi)有什么實(shí)質(zhì)性幫助喳整，最終Sublime Text方案也被筆者放棄谆构。
不得不吐槽 Sublime Text的這個(gè)插件，搞了好久才把它run起來(lái)框都，郁悶搬素。
注：插件下載鏈接在文末
Vim + WEPT
Vim這個(gè)編輯器之神一直是我的裝逼利器，關(guān)于vim的好我就不多說(shuō)了魏保，免得Emacs的人過(guò)來(lái)罵我熬尺。
網(wǎng)上有人已經(jīng)開(kāi)發(fā)了對(duì)應(yīng)插件，叫做Wxapp.vim這個(gè)插件我簡(jiǎn)單用了一下囱淋，包含文件檢測(cè)猪杭、智能補(bǔ)全、文檔跳轉(zhuǎn)妥衣、語(yǔ)法高亮皂吮、縮進(jìn)、代碼段税手、單詞列表蜂筹、語(yǔ)法檢查等功能÷梗總體來(lái)說(shuō)還是不錯(cuò)的艺挪，但存在一個(gè)嚴(yán)重問(wèn)題。筆者在做服務(wù)器開(kāi)發(fā)的時(shí)候兵扬，基本使用Vim編程麻裳，在配合一些其他的插件和工具直接在終端運(yùn)行調(diào)試。但微信小程序這個(gè)我用了半天不得不放棄器钟，因?yàn)橐?jīng)常在Vim和微信小程序官方工具之間來(lái)回切換津坑，似的筆者極為煩躁。按照筆者一慣作風(fēng)傲霸，使用Vim的時(shí)候就應(yīng)該把鼠標(biāo)扔掉疆瑰。
但最終我還是發(fā)現(xiàn)了一個(gè)補(bǔ)救方案，下面會(huì)介紹一下昙啄。
優(yōu)點(diǎn)
代碼高亮穆役，代碼提示等功能齊全。
有小程序開(kāi)發(fā)插件Wxapp.vim可以使用梳凛，上文已經(jīng)提到
缺點(diǎn)
無(wú)法調(diào)試預(yù)覽
另外一個(gè)問(wèn)題在于很多人搞不定Vim耿币，這貨學(xué)習(xí)曲線優(yōu)點(diǎn)高
UI和使用方式不符合大多數(shù)人的習(xí)慣
總結(jié)
‘WEPT’這個(gè)貨解決了我上面Vim說(shuō)的痛點(diǎn)。
WEPT 是一個(gè)微信小程序?qū)崟r(shí)開(kāi)發(fā)環(huán)境韧拒，它的目標(biāo)是為小程序開(kāi)發(fā)提供高效掰读、穩(wěn)定秘狞、友好叭莫、無(wú)限制的運(yùn)行環(huán)境蹈集。也就是說(shuō)，它本身是一個(gè)實(shí)時(shí)運(yùn)行環(huán)境雇初，可以做到實(shí)時(shí)預(yù)覽和調(diào)試拢肆。同時(shí)調(diào)試可以借助chrome瀏覽器完成。和前面Vim搭配完美解決了代碼編輯到調(diào)試再到預(yù)覽的問(wèn)題靖诗。
這貨不算是IDE郭怪，筆者也不做優(yōu)點(diǎn)缺點(diǎn)分析了】伲總體來(lái)說(shuō)鄙才，WEPT+VIM+Plugin 是個(gè)不錯(cuò)的解決方案。推薦大家使用促绵。
注：插件下載鏈接在文末
WebStorm
WebStorm網(wǎng)上有個(gè)插件攒庵，可以實(shí)現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽败晴，并且屬于重度工具浓冒，所以筆者沒(méi)有使用WebStorm。喜歡厚重感的童鞋可以嘗試一下這個(gè)工具尖坤。
優(yōu)點(diǎn)
有插件可以實(shí)現(xiàn)代碼高亮稳懒，代碼提示等功能
有非常成熟和非常豐富的功能
各種快捷鍵
缺點(diǎn)
無(wú)法調(diào)試預(yù)覽
功能比較多、比較臃腫
總結(jié)
總結(jié)來(lái)說(shuō)慢味，webstorm和上述幾個(gè)一樣场梆，代碼編輯功能強(qiáng)大但是需要插件支持才可以開(kāi)發(fā)小程序，而且體積臃腫纯路。
注：插件下載鏈接在文末
Egret Wing
Wing這個(gè)東西算的上是筆者看到的第一個(gè)公司級(jí)別支持的IDE了或油，所以功能做的相當(dāng)成熟。下載嘗試了一下感昼，就目前來(lái)說(shuō)除了上面的Vim方案装哆，這個(gè)應(yīng)該是目前對(duì)比后最佳的IDE工具了。
優(yōu)點(diǎn)
支持代碼提示定嗓，代碼高亮
實(shí)時(shí)預(yù)覽和調(diào)試和切換不同分辨率預(yù)覽
居然支持項(xiàng)目創(chuàng)建蜕琴？！
支持新建page模板文件
雙周更新
缺點(diǎn)
實(shí)時(shí)界面預(yù)覽屬于靜態(tài)渲染宵溅，對(duì)于界面中的動(dòng)態(tài)數(shù)據(jù)無(wú)法進(jìn)行預(yù)覽凌简，只能在調(diào)試時(shí)進(jìn)行預(yù)覽。
無(wú)法進(jìn)行可視化拖拽生成界面（是我太貪心了么恃逻？）
總結(jié)
Wing是唯一一款支持實(shí)時(shí)預(yù)覽功能的IDE雏搂，包括微信官方都沒(méi)有實(shí)時(shí)預(yù)覽而是需要編譯后預(yù)覽藕施，對(duì)于大懶人的筆者來(lái)說(shuō)有實(shí)時(shí)預(yù)覽寫界面的時(shí)候不要太爽！wing不但可以而且還可以創(chuàng)建項(xiàng)目凸郑，新建page模板裳食，運(yùn)行一下項(xiàng)目發(fā)現(xiàn)，這個(gè)預(yù)覽界面和微信官方開(kāi)發(fā)工具非常相似芙沥。優(yōu)先推薦使用诲祸。
總結(jié)
整理個(gè)表，大家看自己心情選擇而昨。
環(huán)境/工具簡(jiǎn)述代碼高亮代碼提示調(diào)試實(shí)時(shí)預(yù)覽軟件/插件下載地址
Egret Wing首款支持微信小程序開(kāi)發(fā)的IDE救氯。支持支持支持支持下載軟件
Sublime Text 3Sublime Text需要安裝插件。支持支持不支持不支持插件
WebstormWebStorm 重量級(jí)IDE支持支持不支持不支持插件
vim+WEPT強(qiáng)大的組合工具支持支持支持支持Vim插件歌憨、WEPT
出處：http://www.wxapp-union.com/article-2550-1.html
