您好,登錄后才能下訂單哦!
小編給大家分享一下分享atom一些常用的插件,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
對于atom的使用,也是一次偶然,之前一直使用sublime,對于sublime的一些快捷使用也是比較熟悉了,換了一家公司,公司都在使用atom,入鄉(xiāng)隨俗吧,也改玩atom。
發(fā)現(xiàn)atom還是很不錯,和sublime很像,很多package都很全,具體的一些介紹,大家可以自己慢慢看。
現(xiàn)在給大家說一些常用的插件:
1.找到C:/Users/你的用戶名/.atom/packages/文件夾內(nèi)
2.在.atom packages 目錄下 使用gitbash
3.git clone xxxxx/atom-beautify.git (github上插件的地址)
3.cd .atom-beautify (進(jìn)入下載好的插件的目錄)
4.npm install
5.完成(別忘了重啟atom)
在介紹插件之前,先說一下安裝插件的位置:Packages > Settings View > Install Packages/Themes
搭配github,同步你的atom插件信息,配置信息,讓你輕松實現(xiàn)一臺電腦配置,多臺電腦共享。
能夠基于Emmet語法產(chǎn)生HTML,做過前段開發(fā)的不會不知道這個插件吧。好用到哭。
代碼格式化工具,可以設(shè)置在保存時自動格式化,別提有多方便了。支持html,css,javascript,java,go等等,反正常見的語言基本都支持了。
配置:
自動補全文件路徑,這個功能肯定使用嘛,完全避免了路徑輸入錯誤帶來的bug。
自動輸入對應(yīng)的HTML關(guān)閉標(biāo)簽,雖然簡答但是實用。
這個插件不用介紹了吧,從sublime開始,一直使用。從未遺忘。
取色器,讓你在代碼編寫去直接打開取色板,拾取顏色。
vim死忠粉必備插件。
讓你輕松的在編輯器里管理你的git項目,各種常用git功能,信手拈來。
很簡單,為不同類型的文件添加一個漂亮的小圖標(biāo),顏控開發(fā)者必備。
文檔化注釋,你懂的,團(tuán)隊協(xié)作規(guī)范注釋必備插件。
幫助你編寫專業(yè)的js代碼,js開發(fā)者必備插件。
推薦安裝這些,其他的再按個人需求。
都裝完了,react開發(fā),代碼高亮完全沒問題,有圖為證
但是vue呢,試一下嘍,全灰,沒有一絲雜色,淚流滿面,想辦法解決,
安裝
安裝完成,完美,再看代碼,再次淚流,只有標(biāo)簽是高亮的,語法呢,還是灰的
這不是我想要的,我想要的是語法也要高亮。
繼續(xù),實現(xiàn)vue 語法高亮
1.選擇
文件 》用戶鍵盤映射 》keymap.cson文件(File 》 KeyMap... > keymap.cson)
2. 在文件末尾添加(注意: 如果配置文件中已經(jīng)有'atom-text-editor[data-grammar~="vue"]:not([mini])':
的其他配置, 那么要在其他配置的下面直接添加'tab': 'emmet:expand-abbreviation-with-tab'
, 而不能直接添加下面的兩行, 不然會報錯)
'atom-text-editor[data-grammar~="vue"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
如圖:
重新退出atom,再啟動,我們要的效果來了,和sublime基本一樣
最后,英語不好的同學(xué),想要漢化版,就用下圖這個插件:
看完了這篇文章,相信你對“分享atom一些常用的插件”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。