提升編寫程式碼速率的前端atom插件（建議分享）
- 青灯夜游轉載
- 2020-12-04 17:46:058466瀏覽
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中文網其他相關文章！
陳述：
本文轉載於：segmentfault.com。如有侵權，請聯絡admin@php.cn刪除
上一篇：atom如何安裝vue插件？下一篇：atom如何安裝vue插件？