淺談Atom支持WePY的方法

這篇文章要跟大家介紹一下Atom完美支持WePY的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

相關推薦：《atom教學》

為何使用WePY？

我們都知道開發小程式的時候有很多很多不方便的地方，譬如：

• 小程式的元件化支援能力太弱

• 小程式無法使用npm套件,無法使用第三方元件

• 頻繁呼叫setData及setData過程中頁面跳閃

• request並發次數限制

• 建立一個頁面需要管理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了，快去嘗試。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是淺談Atom支持WePY的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！