atom是github出的一款編輯器，漂亮的界面，豐富的擴(kuò)展性深受特別是前端程序員的喜愛，如今越來越火，那么我們來看看必備的插件，讓你如虎添翼

1 語法支持

atom-chs-menu （ – 編輯器漢化，你懂的）

language-babel （ – ES2016、ESNext、JSX 語法擴(kuò)展）

language-postcss （ – PostCSS 語法高亮）

2 自動補全

autocomplete-modules （ – 模塊名自動補全）

autocomplete-paths （ – 路徑自動補全）

atom-ternjs （ – ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代碼自動補全）

emmet （ – 快速手寫 HTML, CSS, Sass / SCSS / LESS）

3 語法檢查

linter （ – 基本語法檢查框架）

linter-jshint （ – 基于 jshint 的 JavaScript 語法檢查插件）

linter-eslint （ – 基于 ESLint 的 JavaScript 語法檢查插件）

editorconfig （ – 多人協(xié)作開發(fā)，不同編輯器之間保持一致的編碼風(fēng)格）

4 版本控制

git-plus （ – 丟掉終端，在 Atom 里面執(zhí)行 Git 命令A(yù)tom 最新的核心組件，集成了 Git 和 GitHub 功能！你可以試試看?。?/p>

merge-conflicts （ – 通過 Atom 處理沖突的文件）

5 項目管理

project-manager （ – 讓你輕松訪問你的所有項目，同時可通過額外配置管理你的項目 ）

6 擴(kuò)展功能

minimap （ – 源碼預(yù)覽圖 ）

file-icons （ – 顯示文件類型對應(yīng)的圖標(biāo) ）

atom-beautify （ – 代碼格式化 ）

pigments （ – 代碼顏色可視化）

color-picker （ – 取色器）

highlight-selected （ – 高亮選中）

minimap-highlight-selected （ – 源碼預(yù)覽圖中高亮選中）

docblockr （ – 注釋插件）

markdown-preview-plus （ – markdown 實時預(yù)覽）

hyperclick （ – 跳轉(zhuǎn)到變量定義文件，需要配合 js-hyperclick 使用）

js-hyperclick （ – 跳轉(zhuǎn)到變量定義文件，需要配合 hyperclick 使用 ）

travis-ci-status （ – 底部狀態(tài)欄擴(kuò)展，添加項目 Travis CI 狀態(tài)）

platformio-ide-terminal （ – 通過 Ctrl + ` 觸發(fā)嵌入在 Atom 的終端 ）

sync-settings （ – 備份 Atom 的包和設(shè)置至 Gist，易還原 ）