提升編寫代碼速率的前端atom插件(推薦分享)

提升編寫代碼速率的前端atom插件(推薦分享)

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

1 語法支持

atom-chs-menu ?( – 編輯器漢化,你懂的)

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

language-postcss ( – PostCSS 語法高亮)

相關(guān)推薦:《atom


2 自動補(bǔ)全

autocomplete-modules ( – 模塊名自動補(bǔ)全)

autocomplete-paths ( – 路徑自動補(bǔ)全)

atom-ternjs ( – ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代碼自動補(bǔ)全)

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 項(xiàng)目管理


project-manager ( – 讓你輕松訪問你的所有項(xiàng)目,同時(shí)可通過額外配置管理你的項(xiàng)目 )


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 實(shí)時(shí)預(yù)覽)

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

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

travis-ci-status ( ?– 底部狀態(tài)欄擴(kuò)展,添加項(xiàng)目 Travis CI 狀態(tài))

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

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

更多編程相關(guān)知識,請?jiān)L問:atom?。?/p>

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊9 分享