Atom 完美支持 WePY

簡介

爲什麼使用WePY？

咱們都知道開發小程序的時候有不少不少的不方便的地方，譬如：

1. 小程序的組件化支持能力太弱
2. 小程序沒法使用npm包,沒法使用第三方組件
3. 頻繁調用setData及setData過程當中頁面跳閃
4. request併發次數限制
5. 建立一個頁面須要管理4個對應的文件等...

ps.若是你還不瞭解如何開發小程序，能夠先看下小程序開發簡易教程。

綜上，便產生了一種框架WePY,詳見WePY 官方文檔。

開發工具

WePY官方推薦的編輯器有

• Sublime
• WebStorm/PhpStorm
• Atom
• VS Code
• VIM

摸索了一圈仍是推薦Atom給你們使用，感受對WePY支持要比其餘幾款編輯器更高。

---

Atom 插件

既然選擇了Atom，那麼一些必備的插件仍是須要的，這裏呢就爲你們精心準備了幾款實用插件（主要適配於WePY）。

• atom-beautify 代碼格式化工具，能夠設置在保存時自動格式化，別提有多方便了。支持html，css，javascript，java，go等等，反正常見的語言基本都支持了。
• atom-wrap-in-tag 自動修改對應的HTML關閉標籤，挺實用的。
• autocomplete-paths 自動補全文件路徑，這個功能確定使用嘛，徹底避免了路徑輸入錯誤帶來的bug。
• autoclose-html 自動輸入對應的HTML關閉標籤，雖然簡答可是實用。
• docblockr 文檔化註釋，你懂的，團隊協做規範註釋必備插件。
• double-tag 能讓同時編輯html的開始與結束標記，若是你增長一個 HTML開始語法，它會自動跟隨寫出結束語法，好比鍵入<div>開始，自動有</div>結束語法。
• emmet 可以基於Emmet語法產生HTML。
• language-vue 使編輯器支持Vue語法，代碼高亮
• file-icons 很簡單，爲不一樣類型的文件添加一個漂亮的小圖標，顏控開發者必備。
• linter 可以自動覆蓋檢查源碼，產生警告和錯誤，幫助規範編程，基於實時代碼分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有本身的Linter。
• linter-jshint 幫助你編寫專業的js代碼，js開發者必備插件。
• minimap 這個插件不用介紹了吧，從sublime開始，一直使用。從未遺忘。
• activate-power-mode 這個插件就不用說了，酷炫的敲代碼，裝*黨必備。

安裝完這些插件，你的Atom已經能夠很愉快的支持WePY了，快去嘗試吧。

更多內容請移駕個人博客