走在前端的大道上——atom那些事
最後更新時間2018年1月11日
atom是一款非常好用的編輯器，現在來介紹一些atom必備的插件
都是在file-->settings-->install 搜索插件的名字，比如：搜索插件language-vue（安裝後可能需要重啓
）
效果：
1.language-vue
使.vue文件內標籤高亮
2.Emmet
能夠基於Emmet語法產生HTML。
3.讓 atom 編輯器 emmit 插件支持VUE文件
雖然你的atom編輯器安裝了emmit插件，但是在vue項目中的.vue文件中並不能使用emmit插件帶來的快捷鍵
找到atom的安裝目錄下dekeymap.cson did the trick
'atom-text-editor[data-grammar~="vue"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'或者 進入終端編輯配置文件
vim ~/.atom/keymap.cson到文件的最後一行，按 o，插入一行，將下面的代碼粘貼進去
'atom-text-editor[data-grammar~="vue"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'然後按 esc退出編輯模式，再輸入:wq保存退出，然後重啓atom。這就在.vue的文件下支持emmet語法啦
鏈接：https://github.com/...
4.atom-beautify
快速格式化代碼插件,能夠美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, 和 SQL語法。
5.Linter linter-csslint linter-jshint
代碼規範化檢測插件,能夠自動覆蓋檢查源碼，產生警告和錯誤，幫助規範編程，基於實時代碼分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有自己的Linter。
linter-jshint是用jshint來檢查代碼，想必大家都聽説過jshint代碼檢查工具，它有一個配置文件.jshintrc，這個文件告訴jshint執行的檢查規則。通過jshint能發現代碼中存在的問題，可以及時避免bug的發生。linter-jshint插件基於atom規則來使用jshint，該插件可以在項目根目錄下新建一個.jshintrc來告訴檢查規則，也可以不用創建此文件來進行代碼檢查。
注意：linter-jshint是依賴linter插件來使用的，也就是説必須先安裝linter插件；因為linter是一個粗糙的檢查，有很多針對專門項的代碼檢查，如linter-csslint、linter-php等等
6.atom-ternjs
JavaScript 語法智能提示
7. file-icons
讓你的每個文件都有個好看的圖標
8.Pigments
Pigments能夠根據顏色代碼直接顯示該顏色。
9.Minimap
Minimap提供完整的源碼預瀏覽作用，能夠定位你正在編輯的文件總貌。
10.Minimap cursorline
Minimap cursorline是能夠你光標移到時，同時在文件總貌預覽中跟隨移動，從而判斷你當前位於文件的哪個位置。
11.Autoclose HTML
讓你自動閉合HTML標籤
12.Double-tag
能讓同時編輯html的開始與結束標記，如果你增加一個 HTML開始語法，它會自動跟隨寫出結束語法，比如鍵入<div>開始，自動有</div>結束語法。
13.open-in-browser
可以再.html文件上右擊 可以讓你直接在遊覽器中打開
14. highlight-line 與 Highlight selected
能夠高亮選中行，單詞，使用Ctrl-U或Cmd-U能夠多選單詞。
15.Code peek
能夠快速提示和編輯其他文件中的函數功能，不必要再單獨打開那個文件了。
16.docblockr
這個插件可以幫助你快速的生成註釋，很多高級的編輯器都有這個功能，只是atom沒有內置實現
ified-chinese-menu**
atom提供的都是英文版，若是英文不好的，可以使用簡體中文插件來漢化atom編輯器
18.hyperclick和js-hyperclick
這兩個插件配合，作用是跳轉到變量聲明或者定義的地方，非常有用！！！，mac下使用comman+click，windows下使用contrl+click來跳轉
18.autocomplete-paths
在項目依賴某個路徑的文件時非常有用，可以自動路勁提示，超實用
19.react
用於jsx 代碼高亮
20.stylus-language
用於stylus語法高亮
21.platformio-ide-terminal
可以打開一個終端
參考文章：
1、atom編輯器社區插件推薦
2、Atom必不可少插件推薦
