Atom-常用插件大全

都超英
2023-12-01

ctrl+shift+p,打开atom命令面板

智能提示、补全

atom-ternjs

(自动补全,与Tern原子的JavaScript代码智能。添加对ES5,ES6(JavaScript 2015),Node.js,jQuery和Angular的支持。可通过插件扩展。使用建议提供程序自动完成加。)
https://atom.io/packages/atom-ternjs

autocomplete-plus

(自动补全)
https://github.com/atom/autocomplete-plus
https://github.com/atom/autocomplete-plus/wiki/Autocomplete-Providers

jquery-snippets

(JQ 代码片段补全)
https://atom.io/packages/jquery-snippets
http://wiki.jikexueyuan.com/project/atom/jq.html

javascript-snippets

(JS 代码片段补全)
https://atom.io/packages/javascript-snippets
http://wiki.jikexueyuan.com/project/atom/js2.html

autocomplete-paths

将路径自动完成添加到自动完成+取决于范围和前缀。支持用户定义的自定义范围。
https://atom.io/packages/autocomplete-paths

快速编辑,代码生成

emmet

(Web 快速开发,HTML/CSS 速写神器)
https://atom.io/packages/emmet
http://wiki.jikexueyuan.com/project/atom/emmet.html

快捷键方式查询网站:http://emmet.evget.com/

html-to-string

为多行HTML添加字符串分隔符。
https://atom.io/packages/html-to-string

代码美化、格式化

atom-beautify

(在Atom中美化HTML,CSS,JavaScript,PHP,Python,Ruby,Java,C,C ++,C#,Objective-C,CoffeeScript,TypeScript,Coldfusion,SQL等)
https://atom.io/packages/atom-beautify

language-babel

(自动缩进,自动完成等功能)
https://atom.io/packages/language-babel

pretty-json

Atom包自动格式化JSON文件。
https://atom.io/packages/pretty-json

预览工具

atom-html-preview

(HTML预览,Atom编辑器的实时预览工具)
https://atom.io/packages/atom-html-preview
http://wiki.jikexueyuan.com/project/atom/preview-html.html

minimap

( 让你了解当前屏幕所处相对位置,即右边的小预览条)
https://atom.io/packages/minimap

markdown-preview

使用显示当前编辑器右侧的呈现的HTML标记ctrl-shift-m
https://atom.io/packages/markdown-preview

atom-react-preview

直接在Atom中预览您的React组件。最适合无状态组件。
https://atom.io/packages/atom-react-preview

react-component-preview

react 组件预览
https://atom.io/packages/react-component-preview

svg-preview

将呈现的SVG显示在当前编辑器的右侧,实时刷新
https://atom.io/packages/svg-preview

Opens http(s) links under the cursor,打开光标下的http(s)链接
https://atom.io/packages/link

验证、错误检查

jshint

一款js验证插件,用JSHint验证JavaScript。实时或保存。支持JSX(React)
https://atom.io/packages/jshint

linter

(一个代码风格和错误检查器框架,需配合基于它的插件一同使用)
https://atom.io/packages/linter
https://atomlinter.github.io/

linter-eslint

可组装的JavaScript和JSX检查工具
http://eslint.cn/
https://atom.io/packages/linter-eslint

linter-stylelint

Atom Linter插件,提供stylelint的接口。
https://atom.io/packages/linter-stylelint

注:linter-eslint、linter-stylelint 一定要配合linter使用,否则无效

跳转到定义

goto-definition

(跳转到定义 )
https://atom.io/packages/goto-definition

* 为支持JavaScript(ES6 && JSX),TypeScript,CoffeeScript,Python,Ruby,PHP,Hack,Perl,KRL,Erb,Haml,C/C++,Puppet,ASP,Shell
* 适用于Mac OSX,Linux和Windows
* 转到定义功能,默认打开Alt+Cmd+Enter/Ctrl+Alt+Enter
* 支持hyperclick,<cmd-click>一个字就可以跳转它的声明

注:需要安装hyperclick,立马可以使用!!!!!!!!!!!

atom-ctags

快速监听方法和快速跳到你的方法
https://atom.io/packages/atom-ctags

symbols-view

https://atom.io/packages/symbols-view
以上2插件,都需要配合这个来使用

版本控制

tortoise-svn

允许Atom与TortoiseSvn进行交互,使用TortoiseProc执行SVN命令(责备,提交,差异,日志,还原,更新)。
https://atom.io/packages/tortoise-svn

切换换行符unix下的’LF’和windows下的’CRLF’

line-ending-selector

在Unix和Window风格的行尾之间切换。
https://atom.io/packages/line-ending-selector

其它

activate-power-mode

(Atom 代码输入震动效果,装逼神器)
https://atom.io/packages/activate-power-mode
http://wiki.jikexueyuan.com/project/atom/shake.html

注:需要在插件配置(Settings)里重新关闭开启,才有效果!!!
Screen Shake(屏幕抖动)
* Enable/Disable
* Intensity

hyperclick

针对Atom的可插入文本点击UI

teletype

(与团队成员共享您的工作空间,并实时协作处理代码)
https://atom.io/packages/teletype

busy-signal

(提供简单易用的API来显示您的软件包的软件包正在执行任务)
https://atom.io/packages/busy-signal

Terminal-Plus

(系统控制台,命令终端,命令输入窗口 )
https://atom.io/packages/terminal-plus

如果是win10运行有问题,尝试下面方案(设置回“使用旧版控制台”):
This is not a Terminal-Plus issue. Microsoft has changed the console code in Windows 10 and it breaks current shells on most editors. The work-a-round is:

1. Bring up a command prompt.
2. Click on the Settings icon (Top left corner)
3. Select Properties > Options > Check "Use legacy console"
4. Close and re-open ATOM or any other editor and test.

platformio-ide-terminal

(系统控制台,命令终端,命令输入窗口 )
https://atom.io/packages/platformio-ide-terminal

color-picker

颜色选择器,调色板
https://atom.io/packages/color-picker

jquery-snippets

https://atom.io/packages/jquery-snippets

simplified-chinese-menu

Atom 的简体中文语言包,完整汉化,兼容所有已发布版本 Atom
https://atom.io/packages/simplified-chinese-menu

 类似资料: