atom是github出的一款編輯器,漂亮的界面,豐富的擴(kuò)展性深受特別是前端程序員的喜愛,如今越來越火,那么我們來看看必備的插件,讓你如虎添翼
1 語法支持
atom-chs-menu ( – 編輯器漢化,你懂的)
language-babel ( – ES2016、ESNext、JSX 語法擴(kuò)展)
language-postcss ( – PostCSS 語法高亮)
2 自動(dòng)補(bǔ)全
autocomplete-modules ( – 模塊名自動(dòng)補(bǔ)全)
autocomplete-paths ( – 路徑自動(dòng)補(bǔ)全)
atom-ternjs ( – ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代碼自動(dòng)補(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,易還原 )