ATOM常用插件推薦
github自從推出atom之后绎签,就安裝體驗(yàn)了一下缆毁,隨著使用時(shí)間增加岛蚤,漸漸收集了一些常用(大部分插件應(yīng)該適合大家邑狸,一小部分插件感覺(jué)更加符合自己的口味),特羅列出來(lái)涤妒,供大家參考单雾。
Atom 的簡(jiǎn)體中文漢化語(yǔ)言包,目前最全的漢化包。包含菜單漢化她紫、右鍵菜單漢化以及設(shè)置漢化
代碼格式一鍵美化硅堆,支持多種語(yǔ)言格式化,例如:HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …
光標(biāo)自由切換到上一次/下一次編輯位置
4.?minimap
仿sublime text的縮略代碼查看贿讹,想找的地方一目了然渐逃。
實(shí)現(xiàn)minimap高亮選擇內(nèi)容,需安裝前2個(gè)插件
屏振效果,打字帶特效,輸入時(shí)有震撼效果
7.?color-picker
取色工具,在編輯器里面挑選顏色
8.?pigments
顏色顯示插件,編輯器中直接查看代碼所代表的顏色民褂,工具雖小但是很實(shí)用朴乖。
選擇某段代碼自動(dòng)高亮相同代碼
10.?emmet
HTML開(kāi)發(fā)必備神奇,大大提高你的工作效率
加快web開(kāi)發(fā)速度助赞,提供snippet(代碼片段)买羞、abbreviation expand(簡(jiǎn)寫(xiě)展開(kāi))功能。
11.?docblockr
智能代碼注釋雹食,讓注釋更有規(guī)范
12.?project-manager
快速打開(kāi)儲(chǔ)存的項(xiàng)目
自動(dòng)補(bǔ)全文件路徑
14.?atom-react-native-autocomplete
react-native代碼補(bǔ)全插件
15.?merge-conflicts
在 Atom 里面處理合并產(chǎn)生沖突的文件
16.?script
在atom下運(yùn)行腳本畜普,支持多種開(kāi)發(fā)語(yǔ)言。
17.?browser-plus
編輯器內(nèi)置瀏覽器
18.?ask-stack
在atom快速提問(wèn)stackoverflow
正則表達(dá)式圖形化
快速的打開(kāi)文件或新建文件群叶,同時(shí)支持路徑補(bǔ)全
21.?quick-highlight
代碼高亮
Show found count on StatusBar.
終端工具
23.?open-in-browsers
在安裝過(guò)的任意瀏覽器打開(kāi)代碼
Browser List in context menu
24.?linter/?linter-eslint
代碼錯(cuò)誤提示吃挑,需要配合相應(yīng)的規(guī)則插件進(jìn)行使用,例如:linter-eslint(根據(jù)eslint規(guī)則進(jìn)行js代碼檢驗(yàn)街立,需要安裝linter插件)
填寫(xiě)路徑的時(shí)候有提示
26.?hyperclick?/?js-hyperclick
這個(gè)兩個(gè)插件配合使用舶衬,可以實(shí)現(xiàn)類似于IDE的Ctrl+click,跳轉(zhuǎn)到變量函數(shù)聲明或者定義的地方赎离。
hyperclick示例:
s-hyperclick示例
27.?Sublime-Style-Column-Selection
局部選擇插件
28.?file-icons
左側(cè)樹(shù)狀圖下逛犹,根據(jù)文件類型左側(cè)顯示不同圖標(biāo)
29.?tool-bar
工具欄插件,需要配合其他插件
30.?flex-tool-bar
配合工具欄插件梁剔,自定義圖標(biāo)與事件
atom內(nèi)置命令行工具
32.?language-javascript-jsx/language-babel
代碼高亮虽画,支持ES6,ES7, React JSX…
33.?es6-javascript
ES6代碼快捷鍵
34.?react-snippets
react代碼快捷鍵
35.?atom-bootstrap3
bootstrap3 html自動(dòng)補(bǔ)全插件
36.?sync-settings
備份插件和配置備份,防止系統(tǒng)重裝后需要重新查找插件荣病,直接自動(dòng)下載插件并且配置好atom
37.?atom-ternjs
支持多種語(yǔ)言代碼補(bǔ)全码撰,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …
38.?vim-mode
有了 vim-mode 一定要裝ex-mode和relative-numbers插件,前者讓編輯器完美支持:w:s等命令个盆;后者可以實(shí)現(xiàn)常規(guī)模式下的相對(duì)行號(hào)脖岛,用 vim 的自然會(huì)懂得其重要性朵栖。
39.?terminal-plus
cmd+shift+t開(kāi)啟新控制臺(tái)
ctrl+`打開(kāi) /關(guān)閉 控制臺(tái)
cmd+shift+j/k切換控制臺(tái)
另外,通過(guò)導(dǎo)航欄還可以對(duì)控制臺(tái)導(dǎo)航進(jìn)行命名或設(shè)置顏色柴梆,非常方便混槐。
40.?tortoise-svn
svn插件
41.?Git/github
git-plus—在 Atom 里面執(zhí)行Git命令,不用來(lái)回切換終端和編輯器
git-control—git面板
tree-view-git-status—文件夾git狀態(tài)
Settings:
gist-it—快速分享代碼到gist.github.com
圖形化git提交記錄
monokai(主題)
monokay主題