Atom 完美支援 WePY

XiaoChen發表於2018-03-06

簡介

為何使用WePY

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

  1. 小程式的元件化支援能力太弱
  2. 小程式無法使用npm包,無法使用第三方元件
  3. 頻繁呼叫setDatasetData過程中頁面跳閃
  4. request併發次數限制
  5. 建立一個頁面需要管理4個對應的檔案等…

ps.如果你還不瞭解如何開發小程式,可以先看下小程式開發簡易教程

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

開發工具

WePY官方推薦的編輯器有

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

摸索了一圈還是推薦Atom給大家使用,感覺對WePY支援要比其他幾款編輯器更高。


Atom 外掛

既然選擇了Atom,那麼一些必備的外掛還是需要的,這裡呢就為大家精心準備了幾款實用外掛(主要適配於WePY)。

  • atom-beautify程式碼格式化工具,可以設定在儲存時自動格式化,別提有多方便了。支援htmlcssjavascriptjavago等等,反正常見的語言基本都支援了。
  • 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了,快去嘗試吧。

更多內容請移駕我的部落格

來源:https://juejin.im/post/5a9e0798f265da2391479e26

相關文章