提升編寫程式碼速率的前端atom插件（建議分享）

atom是github出的編輯器，漂亮的介面，豐富的擴充性深受特別是前端程式設計師的喜愛，如今越來越火，那麼我們來看看必備的插件，讓你如虎添翼

1 語法支援

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

language-babel  （ - ES2016、ESNext、JSX 語法擴充）

language-postcss （ - PostCSS 語法高亮）

相關推薦：《

atom教學》

---

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，易還原）

更多程式相關知識，請造訪：

程式設計學習網站！ ！

以上是提升編寫程式碼速率的前端atom插件（建議分享）的詳細內容。更多資訊請關注PHP中文網其他相關文章！