實(shí)用工具
可以在 Atom 中 美化 HTML,CSS借嗽,JavaScript态鳖,PHP,Python恶导,Ruby浆竭,Java,C惨寿,C ++邦泄,C#,Objective-C缤沦,CoffeeScript虎韵,TypeScript,Coldfusion缸废,SQL等包蓝。
快捷鍵:?+?+B
使用 Prettier 來格式化 JavaScript 代碼,配有強(qiáng)大的 ESlint 集成企量。
快捷鍵:?+?+F
Atom 的轉(zhuǎn)置更像是字符串翻轉(zhuǎn)测萎。在 Sublime 可以將選中的兩個(gè)字符串進(jìn)行交換,看起來更有用届巩。
快捷鍵:?+T
使用這個(gè)插件可以在替換文本的時(shí)候可以保留原來的命名風(fēng)格硅瞧。
快捷鍵:?+?+R
一個(gè)可以快速改變當(dāng)前選擇文本命名方式的工具。比如可以從?camelCase?轉(zhuǎn)換到?snake_case?等恕汇。
快捷鍵:?+K ?+C/S
可以靈活地復(fù)制文件路徑腕唧。
重復(fù)選擇文本或者重復(fù)一行或辖,跟 Sublime Text 的行為一致,Atom 可以重復(fù)一整行枣接。
快捷鍵:?+?+D
幫助開發(fā)人員在不同的編輯器之間保持一致的編碼風(fēng)格颂暇。
Atom 的文件特定圖標(biāo)插件,便于區(qū)分不同文件類型但惶。
VIM 風(fēng)格的 git 插件耳鸯,在沒有終端命令行的時(shí)候進(jìn)行提交等其他 git 操作。
通過雙擊一個(gè)詞來高亮整個(gè)文件相同的詞膀曾。
用于維護(hù)本地文件歷史的插件(對代碼文件進(jìn)行更改的歷史記錄)县爬。
輕松訪問所有項(xiàng)目,還能對項(xiàng)目特定設(shè)置和選項(xiàng)進(jìn)行管理添谊。
快捷鍵:?+?+P
可以在工作區(qū)或者文件選項(xiàng)卡上打開文件到 Finder 上财喳,快捷命令已經(jīng)添加到??+?*+P?。
快捷鍵:?+?+P
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',]
一種簡單的命令方式來設(shè)置當(dāng)前文件語法喊废,與 Sublime 類似。
快捷鍵:?+?+P
排序/刪除重復(fù)行栗弟。
sublime-style-column-selection
alt +單擊跨行選擇文本塊污筷,每行都有插入符號。
快捷鍵:?+Drag
可以替換 TAB 標(biāo)簽內(nèi)容的插件乍赫,在打開相同文件名的文件時(shí)保證更高的可讀性瓣蛀。
跨 Atom 實(shí)例同步設(shè)置,鍵盤映射雷厂,用戶樣式惋增,初始化腳本,代碼段和已安裝的軟件包改鲫。 我將所有設(shè)置備份到 Gist 并在工作/個(gè)人計(jì)算機(jī)之間進(jìn)行同步诈皿。
快速切換字符串的單引號和雙引號。
快捷鍵:?+?+’
在 Atom 狀態(tài)欄中顯示在 Spotify 中當(dāng)前播放歌曲像棘。 不是必要的稽亏,但很有趣。
HTML/CSS/JS/React Specific Packages
使用 Tern 為 Atom 提供 JavaScript 代碼智能提示缕题,支持 ES5截歉,ES6,ES7烟零,Node.js瘪松,jQuery咸作,Angular等。
為選擇的文本增加標(biāo)簽宵睦。
快捷鍵:?+?+W
自動(dòng)添加關(guān)閉標(biāo)簽记罚。
自動(dòng)補(bǔ)全?require/import?聲明。
很厲害的顏色選擇器状飞。
快捷鍵:?+?+D
更容易的方式寫文檔注釋毫胜。
使用方式:?/**
一個(gè)大大提高 HTML 和 CSS 工作流程的插件。?關(guān)于 Emmet
適用于 css 模塊的 emmet 工具诬辈。?.foo?現(xiàn)在將擴(kuò)展為?<div className = {style.foo}> </ div>酵使,而不是?<div className =“foo”> </ div>。
一組專注 ES6焙糟,用于優(yōu)化現(xiàn)代 JavaScript 開發(fā)生產(chǎn)力的命令集口渔, 目標(biāo)是符合?Airbnb 推薦的代碼規(guī)范。
點(diǎn)擊跳到變量或者 import 定義穿撮,js-hyperclick 依賴于 hyperclick缺脉。
在項(xiàng)目文件中顯示顏色。
插件?Linter?為?eslint?提供 UI 接口悦穿,用于對 JavaScript 文件進(jìn)行靜態(tài)檢查攻礼。
允許從 tree view 復(fù)制文件的相對路徑。
在 Atom 中快速使用 lodash 的代碼提示栗柒。
支持 JavaScript ES201x礁扮,React JSX,F(xiàn)low和GraphQL語法瞬沦。
React ES7 snippets for atom
Jest 測試提示
我的主題
UI Theme:?one-dark-ui
Syntax Theme:?dracula-theme
Install EVERYTHING!