目录
ATOM常用插件推荐
首页 开发工具 atom atom中 40+ 个常用插件推荐分享(附插件安装方法)

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

Dec 20, 2021 pm 04:14 PM
插件 atom

本篇文章给大家分享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+ 个常用插件推荐分享(附插件安装方法)的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PyCharm新手指南:全面了解插件安装! PyCharm新手指南:全面了解插件安装! Feb 25, 2024 pm 11:57 PM

PyCharm是一款功能强大且受欢迎的Python集成开发环境(IDE),提供了丰富的功能和工具,使得开发者们可以更加高效地编写代码。而PyCharm的插件机制更是其功能扩展的利器,通过安装不同的插件,可以为PyCharm增加各种功能和定制化的特性。因此,对于PyCharm新手来说,了解并熟练安装插件是至关重要的。本文将为你详细介绍PyCharm插件安装的全

在Illustrator中加载插件时出错[修复] 在Illustrator中加载插件时出错[修复] Feb 19, 2024 pm 12:00 PM

启动AdobeIllustrator时是否会弹出加载插件时出错的消息?一些Illustrator用户在打开该应用程序时遇到了此错误。消息后面紧跟着一系列有问题的插件。该错误提示表明已安装的插件存在问题,但也可能是由于VisualC++DLL文件损坏或首选项文件受损等其他原因引起。如果遇到此错误,我们将在本文中指导您修复问题,请继续阅读以下内容。在Illustrator中加载插件时出错如果您在尝试启动AdobeIllustrator时收到“加载插件时出错”的错误消息,您可以使用以下用途:以管理员身

Chrome的插件扩展程序安装目录是什么 Chrome的插件扩展程序安装目录是什么 Mar 08, 2024 am 08:55 AM

Chrome的插件扩展程序安装目录是什么?正常情况下,Chrome插件扩展程序的默认安装目录如下:1、windowsxp中chrome插件默认安装目录位置:C:\DocumentsandSettings\用户名\LocalSettings\ApplicationData\Google\Chrome\UserData\Default\Extensions2、windows7中chrome插件默认安装目录位置:C:\Users\用户名\AppData\Local\Google\Chrome\User

分享Edge浏览器不支持此插件的三种解决办法 分享Edge浏览器不支持此插件的三种解决办法 Mar 13, 2024 pm 04:34 PM

  用户使用Edge浏览器的过程中可能会添加一些插件来满足自己更多的使用需求。但是在添加插件时显示不支持此插件,这该如何解决?今日小编就来给大家分享三种解决办法,快来试试吧。  方法一:尝试用其他的浏览器。  方法二:浏览器上的FlashPlayer可能过时或者丢失,导致此插件不受支持状态,可在官网下载最新版本。  方法三:同时按下“Ctrl+Shift+Delete”键。  点击“清除数据”,重新打开浏览器即可。

PyCharm社区版支持的插件足够吗? PyCharm社区版支持的插件足够吗? Feb 20, 2024 pm 04:42 PM

PyCharm社区版支持的插件足够吗?需要具体代码示例随着Python语言在软件开发领域的应用越来越广泛,PyCharm作为一款专业的Python集成开发环境(IDE),备受开发者青睐。PyCharm分为专业版和社区版两个版本,其中社区版是免费提供的,但其插件支持相对专业版有所限制。那么问题来了,PyCharm社区版支持的插件足够吗?本文将通过具体的代码示例

如何为WordPress插件添加微信小程序功能 如何为WordPress插件添加微信小程序功能 Sep 06, 2023 am 09:03 AM

如何为WordPress插件添加微信小程序功能随着微信小程序的普及和流行,越来越多的网站和应用程序开始考虑将其与微信小程序进行集成。对于使用WordPress作为内容管理系统的网站来说,添加微信小程序功能可以为用户提供更便捷的访问体验和更多的功能选择。本文将介绍如何为WordPress插件添加微信小程序功能。步骤1:注册微信小程序账号首先,您需要在微信开放平

如何使用WordPress插件实现即时定位功能 如何使用WordPress插件实现即时定位功能 Sep 05, 2023 pm 04:51 PM

如何使用WordPress插件实现即时定位功能随着移动设备的普及,越来越多的网站开始提供基于地理位置的服务。在WordPress网站中,我们可以通过使用插件来实现即时定位功能,为访问者提供与地理位置相关的服务。一、选择适合的插件在WordPress插件库中有很多提供地理位置服务的插件可供选择。根据需求和要求,选择适合的插件是实现即时定位功能的关键。以下是几个

如何使用WordPress插件实现视频播放功能 如何使用WordPress插件实现视频播放功能 Sep 05, 2023 pm 12:55 PM

如何使用WordPress插件实现视频播放功能一、介绍视频在网站和博客中的应用越来越普遍。为了提供优质的用户体验,我们可以使用WordPress插件来实现视频播放功能。本文将介绍如何使用WordPress插件来实现视频播放功能,并提供代码示例。二、选择插件WordPress拥有众多视频播放插件可供选择。在选择插件时,我们需要考虑以下几个方面:兼容性:确保插件

See all articles