atom常用插件推薦(vue語法高亮)

atom常用插件推薦(vue語法高亮)

相關推薦: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

atom常用插件推薦(vue語法高亮)

atom常用插件推薦(vue語法高亮)

1.Sync Settings

搭配github,同步你的atom插件信息,配置信息,讓你輕松實現一臺電腦配置,多臺電腦共享。

2.Emmet

能夠基于Emmet語法產生html,做過前段開發的不會不知道這個插件吧。好用到哭。

3.Atom Beautify

代碼格式化工具,可以設置在保存時自動格式化,別提有多方便了。支持html,cssJavascript,java,go等等,反正常見的語言基本都支持了。

配置:

atom常用插件推薦(vue語法高亮)

選擇你要配置的語言,我選擇的是vue

atom常用插件推薦(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開發者必備插件。

推薦安裝這些,其他的再按個人需求。

atom常用插件推薦(vue語法高亮)

都裝完了,react開發,代碼高亮完全沒問題,有圖為證

atom常用插件推薦(vue語法高亮)

但是vue呢,試一下嘍,全灰,沒有一絲雜色,淚流滿面,想辦法解決,

安裝atom常用插件推薦(vue語法高亮)

安裝完成,完美,再看代碼,再次淚流,只有標簽是高亮的,語法呢,還是灰的

atom常用插件推薦(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常用插件推薦(vue語法高亮)

重新退出atom,再啟動,我們要的效果來了,和sublime基本一樣

atom常用插件推薦(vue語法高亮)

最后,英語不好的同學,想要漢化版,就用下圖這個插件:

atom常用插件推薦(vue語法高亮)

最后說句題外話,atom可以拋棄了,vscode可以列為首選了。

更多編程相關知識,請訪問:編程視頻!!

? 版權聲明
THE END
喜歡就支持一下吧
點贊15 分享