首頁  >  文章  >  開發工具  >  提升編寫程式碼速率的前端atom插件(建議分享)

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

青灯夜游
青灯夜游轉載
2020-12-04 17:46:058415瀏覽

提升編寫程式碼速率的前端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中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除