Atom-常用插件大全

Posted 2022-11-26 陈科肇

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

link

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