ctrl+shift+p,打开atom命令面板
(自动补全,与Tern原子的JavaScript代码智能。添加对ES5,ES6(JavaScript 2015),Node.js,jQuery和Angular的支持。可通过插件扩展。使用建议提供程序自动完成加。)
https://atom.io/packages/atom-ternjs
(自动补全)
https://github.com/atom/autocomplete-plus
https://github.com/atom/autocomplete-plus/wiki/Autocomplete-Providers
(JQ 代码片段补全)
https://atom.io/packages/jquery-snippets
http://wiki.jikexueyuan.com/project/atom/jq.html
(JS 代码片段补全)
https://atom.io/packages/javascript-snippets
http://wiki.jikexueyuan.com/project/atom/js2.html
将路径自动完成添加到自动完成+取决于范围和前缀。支持用户定义的自定义范围。
https://atom.io/packages/autocomplete-paths
(Web 快速开发,HTML/CSS 速写神器)
https://atom.io/packages/emmet
http://wiki.jikexueyuan.com/project/atom/emmet.html
快捷键方式查询网站:http://emmet.evget.com/
为多行HTML添加字符串分隔符。
https://atom.io/packages/html-to-string
(在Atom中美化HTML,CSS,JavaScript,PHP,Python,Ruby,Java,C,C ++,C#,Objective-C,CoffeeScript,TypeScript,Coldfusion,SQL等)
https://atom.io/packages/atom-beautify
(自动缩进,自动完成等功能)
https://atom.io/packages/language-babel
Atom包自动格式化JSON文件。
https://atom.io/packages/pretty-json
(HTML预览,Atom编辑器的实时预览工具)
https://atom.io/packages/atom-html-preview
http://wiki.jikexueyuan.com/project/atom/preview-html.html
( 让你了解当前屏幕所处相对位置,即右边的小预览条)
https://atom.io/packages/minimap
使用显示当前编辑器右侧的呈现的HTML标记ctrl-shift-m
https://atom.io/packages/markdown-preview
直接在Atom中预览您的React组件。最适合无状态组件。
https://atom.io/packages/atom-react-preview
react 组件预览
https://atom.io/packages/react-component-preview
将呈现的SVG显示在当前编辑器的右侧,实时刷新
https://atom.io/packages/svg-preview
Opens http(s) links under the cursor,打开光标下的http(s)链接
https://atom.io/packages/link
一款js验证插件,用JSHint验证JavaScript。实时或保存。支持JSX(React)
https://atom.io/packages/jshint
(一个代码风格和错误检查器框架,需配合基于它的插件一同使用)
https://atom.io/packages/linter
https://atomlinter.github.io/
可组装的JavaScript和JSX检查工具
http://eslint.cn/
https://atom.io/packages/linter-eslint
Atom Linter插件,提供stylelint的接口。
https://atom.io/packages/linter-stylelint
注:linter-eslint、linter-stylelint 一定要配合linter使用,否则无效
(跳转到定义 )
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,一个字就可以跳转它的声明
注:需要安装hyperclick,立马可以使用!!!!!!!!!!!
快速监听方法和快速跳到你的方法
https://atom.io/packages/atom-ctags
https://atom.io/packages/symbols-view
以上2插件,都需要配合这个来使用
允许Atom与TortoiseSvn进行交互,使用TortoiseProc执行SVN命令(责备,提交,差异,日志,还原,更新)。
https://atom.io/packages/tortoise-svn
在Unix和Window风格的行尾之间切换。
https://atom.io/packages/line-ending-selector
(Atom 代码输入震动效果,装逼神器)
https://atom.io/packages/activate-power-mode
http://wiki.jikexueyuan.com/project/atom/shake.html
注:需要在插件配置(Settings)里重新关闭开启,才有效果!!!
Screen Shake(屏幕抖动)
* Enable/Disable
* Intensity
针对Atom的可插入文本点击UI
(与团队成员共享您的工作空间,并实时协作处理代码)
https://atom.io/packages/teletype
(提供简单易用的API来显示您的软件包的软件包正在执行任务)
https://atom.io/packages/busy-signal
(系统控制台,命令终端,命令输入窗口 )
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.
(系统控制台,命令终端,命令输入窗口 )
https://atom.io/packages/platformio-ide-terminal
颜色选择器,调色板
https://atom.io/packages/color-picker
https://atom.io/packages/jquery-snippets
Atom 的简体中文语言包,完整汉化,兼容所有已发布版本 Atom
https://atom.io/packages/simplified-chinese-menu