本篇文章給大家介紹一下atom完美支持wepy的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
相關推薦:《atom》
為何使用WePY?
我們都知道開發小程序的時候有很多很多的不方便的地方,譬如:
-
小程序的組件化支持能力太弱
-
小程序無法使用npm包,無法使用第三方組件
-
頻繁調用setData及setData過程中頁面跳閃
-
request并發次數限制
-
創建一個頁面需要管理4個對應的文件等…
ps.如果你還不了解如何開發小程序,可以先看下atom。
綜上,便產生了一種框架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開始語法,它會自動跟隨寫出結束語法,比如鍵入
開始,自動有
結束語法。
- 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!!
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END