atom中 40+ 个常用插件推荐分享(附插件安装方法)

本篇文章给大家分享40+ 个atom常用插件,并附上在atom中安装插件的方法,希望对大家有所帮助!

atom中 40+ 个常用插件推荐分享(附插件安装方法)

ATOM常用插件推荐

一、ATOM介绍

Atom是一款由GitHub开发的开源代码编辑器,支持自定义HTML,CSS及JS等编程语言。由于简洁直观的界面,同时支持第三方程序包安装及支持宏等特点,深受程序员们的喜爱!【相关推荐:atom使用教程】

官网链接:https://atom.io/

二、ATOM常用插件推荐

github自从推出atom之后,就安装体验了一下,随着使用时间增加,渐渐收集了一些常用(大部分插件应该适合大家,一小部分插件感觉更加符合自己的口味),特罗列出来,供大家参考。

1、simplified-chinese-menu

Atom 的简体中文汉化语言包,目前最全的汉化包。包含菜单汉化、右键菜单汉化以及设置汉化

img

img

img

2、atom-beautify

代码格式一键美化,支持多种语言格式化,例如:HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …

img

3、last-cursor-position

光标自由切换到上一次/下一次编辑位置

img

4、minimap

仿sublime text的缩略代码查看,想找的地方一目了然。

img

5、minimap-highlight-selected

实现minimap高亮选择内容,需安装前2个插件

img

6、activate-power-mode

屏振效果,打字带特效,输入时有震撼效果

img

7、color-picker

取色工具,在编辑器里面挑选颜色

img

8、pigments

颜色显示插件,编辑器中直接查看代码所代表的颜色,工具虽小但是很实用。

img

9、highlight-selected

选择某段代码自动高亮相同代码

img

10、emmet

HTML开发必备神奇,大大提高你的工作效率

加快web开发速度,提供snippet(代码片段)、abbreviation expand(简写展开)功能。

img

11、docblockr

智能代码注释,让注释更有规范

img

12、project-manager

快速打开储存的项目

img

13、autocomplete-paths

自动补全文件路径

img

14、atom-react-native-autocomplete

react-native代码补全插件

img

15、merge-conflicts

在 Atom 里面处理合并产生冲突的文件

img

16、script

在atom下运行脚本,支持多种开发语言。

img

17、browser-plus

编辑器内置浏览器

img

18、ask-stack

在atom快速提问stackoverflow

img

19、regex-railroad-diagram

正则表达式图形化

img

20、advanced-open-file

快速的打开文件或新建文件,同时支持路径补全

img

21、quick-highlight

代码高亮

img

Show found count on StatusBar.

img

22、platformio-ide-terminal

终端工具

img

23、open-in-browsers

在安装过的任意浏览器打开代码

img

Browser List in context menu

img

24、linter/ linter-eslint

代码错误提示,需要配合相应的规则插件进行使用,例如:linter-eslint(根据eslint规则进行js代码检验,需要安装linter插件)

img

25、autocomplete-paths

填写路径的时候有提示

img

26、hyperclick / js-hyperclick

这个两个插件配合使用,可以实现类似于IDE的Ctrl+click,跳转到变量函数声明或者定义的地方。

hyperclick示例:

img

s-hyperclick示例

img

27、Sublime-Style-Column-Selection

局部选择插件

img

28、file-icons

左侧树状图下,根据文件类型左侧显示不同图标

img

29、tool-bar

工具栏插件,需要配合其他插件

img

30、flex-tool-bar

配合工具栏插件,自定义图标与事件

img

31、atom-terminal-panel

atom内置命令行工具

img

32、language-javascript-jsx/language-babel

代码高亮,支持ES6,ES7, React JSX…

33、es6-javascript

ES6代码快捷键

34、react-snippets

react代码快捷键

35、atom-bootstrap3

bootstrap3 html自动补全插件

36、sync-settings

备份插件和配置备份,防止系统重装后需要重新查找插件,直接自动下载插件并且配置好atom

37、atom-ternjs

支持多种语言代码补全,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …

38、vim-mode

img

有了 vim-mode 一定要装ex-mode和relative-numbers插件,前者让编辑器完美支持:w:s等命令;后者可以实现常规模式下的相对行号,用 vim 的自然会懂得其重要性。

img

39、terminal-plus

cmd+shift+t开启新控制台

ctrl+`打开 /关闭 控制台

img

cmd+shift+j/k切换控制台

img

另外,通过导航栏还可以对控制台导航进行命名或设置颜色,非常方便。

40、tortoise-svn

svn插件

41、Git/github

git-plus—在 Atom 里面执行Git命令,不用来回切换终端和编辑器

img

git-control—git面板

img

tree-view-git-status—文件夹git状态

img

Settings:

img

gist-it—快速分享代码到gist.github.com

img

git-log

图形化git提交记录

登录后复制

img

monokai(主题)

monokay主题

登录后复制

img

三、如何安装插件

打开软件,点击file——》settings—>install

image-20210516201436809

搜索安装主题或插件,最后点击install即可。

image-20210516202255691

【相关推荐:《atom教程》】

以上就是atom中 40+ 个常用插件推荐分享(附插件安装方法)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2593533.html

(0)
上一篇 2025年3月6日 17:22:16
下一篇 2025年3月6日 17:23:11

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Beego中常用的工具和插件介绍

    beego是一个轻量级的web框架,它基于go语言开发,支持restful api和mvc模式。它提供了众多工具和插件来帮助开发人员快速构建高效、安全、可靠的web应用程序。本文将为您介绍一些常用的beego工具和插件。 1.ORM工具 O…

    编程技术 2025年3月6日
    200
  • 手机谷歌浏览器在哪添加插件

    php小编子墨今天为大家介绍一下手机谷歌浏览器如何添加插件。作为广受欢迎的浏览器之一,谷歌浏览器提供了丰富的插件库,可以大大增强用户的浏览体验和功能扩展。但是,对于一些新手用户来说,可能不太清楚如何在手机上添加插件。不用担心!下面我们将为您…

    2025年3月5日 互联网
    200
  • 谷歌浏览器如何允许插件运行

    php小编草莓为您介绍谷歌浏览器中如何允许插件运行。谷歌浏览器是广受欢迎的浏览器之一,插件的使用为用户提供了更多功能和便利。要允许插件运行,用户只需打开浏览器设置,选择“更多工具”中的“扩展程序”,在相应插件设置中启用“允许插件运行”选项即…

    2025年3月5日 互联网
    200
  • Chrome的插件扩展程序安装目录是什么在哪个文件夹

    php小编小新带您解答chrome插件扩展程序的安装目录问题。chrome插件的安装目录位于用户文件夹的appdata目录下,具体路径为c:users用户名ppdatalocalgooglechromeuser datadefaultext…

    2025年3月5日
    200
  • Chrome的插件扩展程序安装目录是什么

    chrome的插件扩展程序安装目录是什么?这是许多chrome用户常常遇到的问题。在chrome浏览器中,插件扩展程序的安装目录通常位于用户的个人文件夹中,具体路径为c:users用户名ppdatalocalgooglechromeuser…

    2025年3月5日
    200
  • 谷歌浏览器如何允许动画插件运行

    php小编新一为您介绍,谷歌浏览器如何允许动画插件运行。在浏览器中,有时会遇到需要允许flash动画或其他插件才能正常浏览网页的情况。谷歌浏览器默认情况下会屏蔽某些插件,但是用户可以手动进行设置,允许特定插件在浏览器中运行。接下来,我们将详…

    2025年3月5日
    200
  • 谷歌浏览器插件被阻止怎么解除

    php小编新一告诉您,谷歌浏览器插件被阻止怎么解除?如果您遇到这个问题,可能是由于插件设置或浏览器更新导致的。解决方法包括检查插件是否被禁用、更新浏览器版本、清除浏览器缓存以及重新安装插件等。通过简单的操作,您可以轻松解除插件被阻止的情况,…

    2025年3月5日
    200
  • PyCharm社区版支持的插件足够吗?

    PyCharm社区版支持的插件足够吗?需要具体代码示例 随着Python语言在软件开发领域的应用越来越广泛,PyCharm作为一款专业的Python集成开发环境(IDE),备受开发者青睐。PyCharm分为专业版和社区版两个版本,其中社区版…

    2025年3月5日
    200
  • PyCharm插件安装技巧分享,让你事半功倍!

    PyCharm是一款功能强大的Python集成开发环境,通过安装插件可以进一步提高开发效率和方便开发者的工作。本文将分享一些PyCharm插件安装的技巧,让你事半功倍,同时提供具体的代码示例来演示插件的使用方法。 第一步:打开PyCharm…

    2025年3月5日
    200
  • PyCharm插件安装指南:详细步骤大揭秘!

    PyCharm插件安装指南:详细步骤大揭秘! PyCharm是一款功能强大的Python集成开发环境,它的灵活性和可扩展性使得用户可以根据自己的需求安装各种插件来增强开发体验。本文将详细介绍如何在PyCharm中安装插件,以及常用插件的安装…

    2025年3月5日
    200

发表回复

登录后才能评论