前端 atom 插件必備,讓你寫代碼如虎添翼

atom是github出的一款編輯器，漂亮的界面，豐富的擴展性深受特別是前端程序員的喜好，現在愈來愈火，那麼咱們來看看必備的插件，讓你如虎添翼

1 語法支持

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

language-babel （ - ES201六、ESNext、JSX 語法擴展）

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 （ - 多人協做開發，不一樣編輯器之間保持一致的編碼風格）

---

4 版本控制

git-plus （ - 丟掉終端，在 Atom 裏面執行 Git 命令Atom 最新的核心組件，集成了 Git 和 GitHub 功能！你能夠試試看！）

merge-conflicts （ - 經過 Atom 處理衝突的文件）

5 項目管理

---

project-manager （ - 讓你輕鬆訪問你的全部項目，同時可經過額外配置管理你的項目 ）

---

6 擴展功能

minimap （ - 源碼預覽圖 ）

file-icons （ - 顯示文件類型對應的圖標 ）

atom-beautify （ - 代碼格式化 ）

pigments （ - 代碼顏色可視化）

color-picker （ - 取色器）

highlight-selected （ - 高亮選中）

minimap-highlight-selected （ - 源碼預覽圖中高亮選中）

docblockr （ - 註釋插件）

markdown-preview-plus （ - markdown 實時預覽）

hyperclick （ - 跳轉到變量定義文件，須要配合 js-hyperclick 使用）

js-hyperclick （ - 跳轉到變量定義文件，須要配合 hyperclick 使用 ）

travis-ci-status （ - 底部狀態欄擴展，添加項目 Travis CI 狀態）

platformio-ide-terminal （ - 經過 Ctrl + ` 觸發嵌入在 Atom 的終端 ）

sync-settings （ - 備份 Atom 的包和設置至 Gist，易還原 ）