1. 程式人生 > >atom開發vue中常用插件

atom開發vue中常用插件

mina -a html標簽 jpg ocl 分享 install pac 哈哈

atom: 開發利器,給我感覺是相見恨晚呀。最近不管開發 h5,vue,node 還是 go 相關我都用它了,界面友好,配色出色,好用的插件眾多。

language-vue: 這個是首推,因為它就是為vue而生的呀,支持很多vue裏的提示。在空的vue頁面敲tem,vue模板的提示就自動出來了,太爽了。還有一個language-vue-componet,這個我並沒有安裝,因為它與language-vue會有點沖突,導致template裏的html顯示沒有顏色區分,所以這個我就沒有安裝。

vue2-autocomplete: vue中自動補全插件。

vuejs2-snippets: vue碎片提示,如敲mounted,created等都直接有提示,開發效率直線提升。

atom-ternjs:支持ES6語法,當你在vue中用ES6語法就不會提示報錯了。

autoclose-html: 自動閉合html標簽。

autocomplete-paths: 自動提示補全路徑,這樣就不會弄因寫錯路徑而造成錯誤的烏龍了。

best-js-snippets: js相關語法提示,因為vue也是一個node.js環境,所以有時用到node裏語法就很有用了。

file-icon: 給不同類型的文件一個不一樣的圖標,但開的文件多了在頂部有icon提示很方便。如下

技術分享圖片

platformio-ide-terminal: 這是個命令行插件,安裝後在 atom 中 com + shift + t 就會在atom底部彈起一個終端。這樣cnpm install; cnpm run dev; 就快捷多了哈哈

script: 支持多種語言在 atom 上運行。有時候想寫個 THML, c 語言或其他語言的小demo時,只要你安裝了它,寫好你的代碼,com + i 就運行起來了。說demo實在小看它了,運行大項目一樣的哈。具體它所支持的語言及對應的依賴包和環境看它的介紹就好了https://atom.io/packages/script

atom開發vue中常用插件