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

冬浩同学_9984

冬浩同学_9984

2021-12-20

20478人浏览

转载

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

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

jQuery带验证登录表单插件
jQuery带验证登录表单插件

jQuery带验证登录表单插件是可以对一些注册登录时常用的字段类型进行简单的验证,另外我们可以在同一个页面切换并完成注册或者登录操作。

下载

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

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教程》】

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

atom插件安装

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

相关专题

更多
Linux安装Ruby语言详细教程
Linux安装Ruby语言详细教程

本专题整合了Linux安装配置Ruby相关教程,阅读专题下面的文章了解更多详细操作。

2026.04.02

132

9

TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

2026.02.13

332

17

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

2026.02.25

540

17

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

2026.03.13

391

19

TypeScript 全栈开发进阶指南
TypeScript 全栈开发进阶指南

面向有 JavaScript 基础的开发者,深入讲解 TypeScript 的类型系统与全栈开发实践。

2026.06.03

306

29

TypeScript Node.js 全栈工程化与Monorepo架构实践
TypeScript Node.js 全栈工程化与Monorepo架构实践

本专题围绕 TypeScript 在 Node.js 全栈开发中的工程化实践展开,系统讲解 Monorepo 架构设计、包管理策略、模块复用机制以及服务端与前端统一类型系统的构建方法。通过真实项目案例,帮助开发者提升大型全栈项目的可维护性与协作效率。

2026.06.16

718

8

数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

2023.10.12

4783

8

SQL中distinct的用法
SQL中distinct的用法

SQL中distinct的语法是“SELECT DISTINCT column1, column2,...,FROM table_name;”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.27

971

4

SQL中months_between使用方法
SQL中months_between使用方法

在SQL中,MONTHS_BETWEEN 是一个常见的函数,用于计算两个日期之间的月份差。想了解更多SQL的相关内容,可以阅读本专题下面的文章。

2024.02.23

1249

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程