• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

atom 40+ 个常用插件推荐附插件安装方法

武飞扬头像
PHP中文网
帮助218

ATOM常用插件推荐

一、ATOM介绍

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

二、ATOM常用插件推荐

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

1、simplified-chinese-menu

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

学新通技术网

学新通技术网

学新通技术网

2、atom-beautify

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

学新通技术网

3、last-cursor-position

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

学新通技术网

4、minimap

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

学新通技术网

5、minimap-highlight-selected

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

学新通技术网

6、activate-power-mode

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

学新通技术网

7、color-picker

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

学新通技术网

8、pigments

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

学新通技术网

9、highlight-selected

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

学新通技术网

10、emmet

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

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

学新通技术网

11、docblockr

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

学新通技术网

12、project-manager

快速打开储存的项目

学新通技术网

13、autocomplete-paths

自动补全文件路径

学新通技术网

14、atom-react-native-autocomplete

react-native代码补全插件

学新通技术网

15、merge-conflicts

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

学新通技术网

16、script

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

学新通技术网

17、browser-plus

编辑器内置浏览器

学新通技术网

18、ask-stack

在atom快速提问stackoverflow

学新通技术网

19、regex-railroad-diagram

正则表达式图形化

学新通技术网

20、advanced-open-file

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

学新通技术网

21、quick-highlight

代码高亮

学新通技术网

Show found count on StatusBar.

学新通技术网

22、platformio-ide-terminal

终端工具

学新通技术网

23、open-in-browsers

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

学新通技术网

Browser List in context menu

学新通技术网

24、linter/ linter-eslint

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

学新通技术网

25、autocomplete-paths

填写路径的时候有提示

学新通技术网

26、hyperclick / js-hyperclick

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

hyperclick示例:

学新通技术网

s-hyperclick示例

学新通技术网

27、Sublime-Style-Column-Selection

局部选择插件

学新通技术网

28、file-icons

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

学新通技术网

29、tool-bar

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

学新通技术网

30、flex-tool-bar

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

学新通技术网

31、atom-terminal-panel

atom内置命令行工具

学新通技术网

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

学新通技术网

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

学新通技术网

39、terminal-plus

cmd shift t开启新控制台

ctrl `打开 /关闭 控制台

学新通技术网

cmd shift j/k切换控制台

学新通技术网

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

40、tortoise-svn

svn插件

41、Git/github

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

学新通技术网

git-control—git面板

学新通技术网

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

学新通技术网

Settings:

学新通技术网

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

学新通技术网

git-log

图形化git提交记录

学新通技术网

monokai(主题)

monokay主题

学新通技术网

三、如何安装插件

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

学新通技术网

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

学新通技术网

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfeggj
系列文章
更多 icon
同类精品
更多 icon
继续加载