相關推薦:atom(視頻教程)
對于atom的使用,也是一次偶然,之前一直使用sublime,對于sublime的一些快捷使用也是比較熟悉了,換了一家公司,公司都在使用atom,入鄉隨俗吧,也改玩atom。
發現atom還是很不錯,和sublime很像,很多package都很全,具體的一些介紹,大家可以自己慢慢看。
現在給大家說一些常用的插件:
(如果插件安裝,并且配置也已經完畢,但沒達到期望的效果,退出重新打開就可以了)
立即學習“前端免費學習筆記(深入)”;
提示:有時候安裝會失敗,那就換個思路:
1.找到C:/Users/你的用戶名/.atom/packages/文件夾內
2.在.atom packages 目錄下 使用gitbash
3.git clone xxxxx/atom-beautify.git ? ?(github上插件的地址)
3.cd .atom-beautify (進入下載好的插件的目錄)
4.npm install
5.完成(別忘了重啟atom)
在介紹插件之前,先說一下安裝插件的位置:Packages > Settings?View > Install Packages/Themes
1.Sync Settings
搭配github,同步你的atom插件信息,配置信息,讓你輕松實現一臺電腦配置,多臺電腦共享。
2.Emmet
能夠基于Emmet語法產生html,做過前段開發的不會不知道這個插件吧。好用到哭。
3.Atom Beautify
代碼格式化工具,可以設置在保存時自動格式化,別提有多方便了。支持html,css,Javascript,java,go等等,反正常見的語言基本都支持了。
配置:
選擇你要配置的語言,我選擇的是vue
4.autocomplete Paths
自動補全文件路徑,這個功能肯定使用嘛,完全避免了路徑輸入錯誤帶來的bug。
5.Auto close HTML
自動輸入對應的HTML關閉標簽,雖然簡答但是實用。
6.Minimap
這個插件不用介紹了吧,從sublime開始,一直使用。從未遺忘。
7.color-picker
取色器,讓你在代碼編寫去直接打開取色板,拾取顏色。
8.vim-mode
vim死忠粉必備插件。
9.git-plus
讓你輕松的在編輯器里管理你的git項目,各種常用git功能,信手拈來。
10.file-icons
很簡單,為不同類型的文件添加一個漂亮的小圖標,顏控開發者必備。
11.docblockr
文檔化注釋,你懂的,團隊協作規范注釋必備插件。
12.Linter JShint
幫助你編寫專業的js代碼,js開發者必備插件。
推薦安裝這些,其他的再按個人需求。
都裝完了,react開發,代碼高亮完全沒問題,有圖為證
但是vue呢,試一下嘍,全灰,沒有一絲雜色,淚流滿面,想辦法解決,
安裝
安裝完成,完美,再看代碼,再次淚流,只有標簽是高亮的,語法呢,還是灰的
這不是我想要的,我想要的是語法也要高亮。
繼續,實現vue?語法高亮
1.選擇
文件 》用戶鍵盤映射 》keymap.cson文件(File 》 KeyMap… > keymap.cson)
2.?在文件末尾添加(注意: 如果配置文件中已經有‘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基本一樣
最后,英語不好的同學,想要漢化版,就用下圖這個插件:
最后說句題外話,atom可以拋棄了,vscode可以列為首選了。
更多編程相關知識,請訪問:編程視頻!!