如何在Atom中支持WePY

如何在Atom中支持WePY？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

為何使用WePY？

我們都知道開(kāi)發(fā)小程序的時(shí)候有很多很多的不方便的地方，譬如：

• 小程序的組件化支持能力太弱

• 小程序無(wú)法使用npm包,無(wú)法使用第三方組件

• 頻繁調(diào)用setData及setData過(guò)程中頁(yè)面跳閃

• request并發(fā)次數(shù)限制

• 創(chuàng)建一個(gè)頁(yè)面需要管理4個(gè)對(duì)應(yīng)的文件等...

ps.如果你還不了解如何開(kāi)發(fā)小程序，可以先看下小程序開(kāi)發(fā)簡(jiǎn)易教程。

綜上，便產(chǎn)生了一種框架WePY,詳見(jiàn)WePY 官方文檔。

開(kāi)發(fā)工具

WePY官方推薦的編輯器有

• Sublime

• WebStorm/PhpStorm

• Atom

• VS Code

• VIM

摸索了一圈還是推薦Atom給大家使用，感覺(jué)對(duì)WePY支持要比其他幾款編輯器更高。

Atom 插件

既然選擇了Atom，那么一些必備的插件還是需要的，這里呢就為大家精心準(zhǔn)備了幾款實(shí)用插件（主要適配于WePY）。

• atom-beautify 代碼格式化工具，可以設(shè)置在保存時(shí)自動(dòng)格式化，別提有多方便了。支持html，css，javascript，java，go等等，反正常見(jiàn)的語(yǔ)言基本都支持了。

• atom-wrap-in-tag 自動(dòng)修改對(duì)應(yīng)的HTML關(guān)閉標(biāo)簽，挺實(shí)用的。

• autocomplete-paths 自動(dòng)補(bǔ)全文件路徑，這個(gè)功能肯定使用嘛，完全避免了路徑輸入錯(cuò)誤帶來(lái)的bug。

• autoclose-html 自動(dòng)輸入對(duì)應(yīng)的HTML關(guān)閉標(biāo)簽，雖然簡(jiǎn)答但是實(shí)用。

• docblockr 文檔化注釋?zhuān)愣?，團(tuán)隊(duì)協(xié)作規(guī)范注釋必備插件。

• double-tag 能讓同時(shí)編輯html的開(kāi)始與結(jié)束標(biāo)記，如果你增加一個(gè) HTML開(kāi)始語(yǔ)法，它會(huì)自動(dòng)跟隨寫(xiě)出結(jié)束語(yǔ)法，比如鍵入<div>開(kāi)始，自動(dòng)有</div>結(jié)束語(yǔ)法。

• emmet 能夠基于Emmet語(yǔ)法產(chǎn)生HTML。

• language-vue 使編輯器支持Vue語(yǔ)法，代碼高亮

• file-icons 很簡(jiǎn)單，為不同類(lèi)型的文件添加一個(gè)漂亮的小圖標(biāo)，顏控開(kāi)發(fā)者必備。

• linter 能夠自動(dòng)覆蓋檢查源碼，產(chǎn)生警告和錯(cuò)誤，幫助規(guī)范編程，基于實(shí)時(shí)代碼分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有自己的Linter。

• linter-jshint 幫助你編寫(xiě)專(zhuān)業(yè)的js代碼，js開(kāi)發(fā)者必備插件。

• minimap 這個(gè)插件不用介紹了吧，從sublime開(kāi)始，一直使用。從未遺忘。

• activate-power-mode 這個(gè)插件就不用說(shuō)了，酷炫的敲代碼，裝*黨必備。

關(guān)于如何在Atom中支持WePY問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。