JS/React 開發(fā)者的 Atom 終極配置

實(shí)用工具

atom-beautify

可以在 Atom 中 美化 HTML,CSS借嗽,JavaScript态鳖,PHP,Python恶导,Ruby浆竭,Java,C惨寿,C ++邦泄,C#,Objective-C缤沦,CoffeeScript虎韵,TypeScript,Coldfusion缸废,SQL等包蓝。

快捷鍵:?+?+B

prettier-atom

使用 Prettier 來格式化 JavaScript 代碼,配有強(qiáng)大的 ESlint 集成企量。

快捷鍵:?+?+F

atom-transpose

Atom 的轉(zhuǎn)置更像是字符串翻轉(zhuǎn)测萎。在 Sublime 可以將選中的兩個(gè)字符串進(jìn)行交換,看起來更有用届巩。

快捷鍵:?+T

case-keep-replace

使用這個(gè)插件可以在替換文本的時(shí)候可以保留原來的命名風(fēng)格硅瞧。

快捷鍵:?+?+R

change-case

一個(gè)可以快速改變當(dāng)前選擇文本命名方式的工具。比如可以從?camelCase?轉(zhuǎn)換到?snake_case?等恕汇。

快捷鍵:?+K ?+C/S

copy-path

可以靈活地復(fù)制文件路徑腕唧。

duplicate-line-or-selection

重復(fù)選擇文本或者重復(fù)一行或辖,跟 Sublime Text 的行為一致,Atom 可以重復(fù)一整行枣接。

快捷鍵:?+?+D

editorconfig

幫助開發(fā)人員在不同的編輯器之間保持一致的編碼風(fēng)格颂暇。

file-icons

Atom 的文件特定圖標(biāo)插件,便于區(qū)分不同文件類型但惶。

git-plus

VIM 風(fēng)格的 git 插件耳鸯,在沒有終端命令行的時(shí)候進(jìn)行提交等其他 git 操作。

highlight-selected

通過雙擊一個(gè)詞來高亮整個(gè)文件相同的詞膀曾。

local-history

用于維護(hù)本地文件歷史的插件(對代碼文件進(jìn)行更改的歷史記錄)县爬。

project-manager

輕松訪問所有項(xiàng)目,還能對項(xiàng)目特定設(shè)置和選項(xiàng)進(jìn)行管理添谊。

快捷鍵:?+?+P

atom-reveal-file-in-finder

可以在工作區(qū)或者文件選項(xiàng)卡上打開文件到 Finder 上财喳,快捷命令已經(jīng)添加到??+?*+P?。

快捷鍵:?+?+P

related

related 提供了訪問與當(dāng)前打開的文件相關(guān)的文件的快速方式碉钠。 例如纲缓,在?.js?和?.spec.js?文件之間切換。

快捷鍵:?+?+ R

我的 JS 關(guān)聯(lián)配置 (Menu > Packages > Related > Edit related patterns):

'([^\\/]+)(?!\\.spec).js(x?)$': ['tests/$1.spec.js$2#create',]'tests/(.+).spec.js(x?)$': ['$1.js$2',]

set-syntax

一種簡單的命令方式來設(shè)置當(dāng)前文件語法喊废,與 Sublime 類似。

快捷鍵:?+?+P

sort-lines

排序/刪除重復(fù)行栗弟。

sublime-style-column-selection

alt +單擊跨行選擇文本塊污筷,每行都有插入符號。

快捷鍵:?+Drag

tab-foldername-index

可以替換 TAB 標(biāo)簽內(nèi)容的插件乍赫,在打開相同文件名的文件時(shí)保證更高的可讀性瓣蛀。

sync-settings

跨 Atom 實(shí)例同步設(shè)置,鍵盤映射雷厂,用戶樣式惋增,初始化腳本,代碼段和已安裝的軟件包改鲫。 我將所有設(shè)置備份到 Gist 并在工作/個(gè)人計(jì)算機(jī)之間進(jìn)行同步诈皿。

toggle-quotes

快速切換字符串的單引號和雙引號。

快捷鍵:?+?+’

atom-spotify2

在 Atom 狀態(tài)欄中顯示在 Spotify 中當(dāng)前播放歌曲像棘。 不是必要的稽亏,但很有趣。

HTML/CSS/JS/React Specific Packages

atom-ternjs

使用 Tern 為 Atom 提供 JavaScript 代碼智能提示缕题,支持 ES5截歉,ES6,ES7烟零,Node.js瘪松,jQuery咸作,Angular等。

atom-wrap-in-tag

為選擇的文本增加標(biāo)簽宵睦。

快捷鍵:?+?+W

autoclose-html

自動(dòng)添加關(guān)閉標(biāo)簽记罚。

autocomplete-modules

自動(dòng)補(bǔ)全?require/import?聲明。

color-picker

很厲害的顏色選擇器状飞。

快捷鍵:?+?+D

docblockr

更容易的方式寫文檔注釋毫胜。

使用方式:?/**

emmet

一個(gè)大大提高 HTML 和 CSS 工作流程的插件。?關(guān)于 Emmet

emmet-jsx-css-modules

適用于 css 模塊的 emmet 工具诬辈。?.foo?現(xiàn)在將擴(kuò)展為?<div className = {style.foo}> </ div>酵使,而不是?<div className =“foo”> </ div>。

es6-javascript

一組專注 ES6焙糟,用于優(yōu)化現(xiàn)代 JavaScript 開發(fā)生產(chǎn)力的命令集口渔, 目標(biāo)是符合?Airbnb 推薦的代碼規(guī)范

js-hyperclick?&?hyperclick

點(diǎn)擊跳到變量或者 import 定義穿撮,js-hyperclick 依賴于 hyperclick缺脉。

pigments

在項(xiàng)目文件中顯示顏色。

linter-eslint

插件?Linter?為?eslint?提供 UI 接口悦穿,用于對 JavaScript 文件進(jìn)行靜態(tài)檢查攻礼。

tree-view-copy-relative-path

允許從 tree view 復(fù)制文件的相對路徑。

lodash-snippets

在 Atom 中快速使用 lodash 的代碼提示栗柒。

language-babel

支持 JavaScript ES201x礁扮,React JSX,F(xiàn)low和GraphQL語法瞬沦。

react-es7-snippets

React ES7 snippets for atom

atom-jest-snippets

Jest 測試提示

我的主題

UI Theme:?one-dark-ui

Syntax Theme:?dracula-theme

Install EVERYTHING!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末太伊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子逛钻,更是在濱河造成了極大的恐慌僚焦,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件曙痘,死亡現(xiàn)場離奇詭異芳悲,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)屡江,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進(jìn)店門芭概,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人惩嘉,你說我怎么就攤上這事罢洲。” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵惹苗,是天一觀的道長殿较。 經(jīng)常有香客問我,道長桩蓉,這世上最難降的妖魔是什么淋纲? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮院究,結(jié)果婚禮上洽瞬,老公的妹妹穿的比我還像新娘。我一直安慰自己业汰,他們只是感情好伙窃,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著样漆,像睡著了一般为障。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上放祟,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天鳍怨,我揣著相機(jī)與錄音,去河邊找鬼跪妥。 笑死鞋喇,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的眉撵。 我是一名探鬼主播确徙,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼执桌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起芜赌,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤仰挣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后缠沈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體膘壶,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年洲愤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了颓芭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,650評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡柬赐,死狀恐怖亡问,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤州藕,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布束世,位于F島的核電站,受9級特大地震影響床玻,放射性物質(zhì)發(fā)生泄漏毁涉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一锈死、第九天 我趴在偏房一處隱蔽的房頂上張望贫堰。 院中可真熱鬧,春花似錦待牵、人聲如沸其屏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽漫玄。三九已至,卻和暖如春压彭,著一層夾襖步出監(jiān)牢的瞬間睦优,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工壮不, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留汗盘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓询一,卻偏偏與公主長得像隐孽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子健蕊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評論 2 349

推薦閱讀更多精彩內(nèi)容