Atom-常用插件大全
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
Atom-常用插件大全相关推荐
- vscode常用插件大全
vscode常用插件大全 参考文章 https://mp.weixin.qq.com/s/1PkWPApvn5uWJl_cdzcoTA 说明 该片文章基本介绍了 vscode 常用插件 , 已经很全面 ...
- Atom使用教程:Atom下载,Atom汉化教程,Atom常用插件
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,Java等网页编程语言.它支持宏,自动完成分屏功能,集成了文 ...
- 2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键
Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...
- WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键
Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...
- html5常用插件大全,前端常用插件utils汇总
发布于 2020-03-06 工具库 || 数据处理 表单验证---jquery 图片懒加载---JavaScript---vue---react 图片预览类似朋友圈满足聊天递增图片的需求---vue ...
- atom编辑器的常用插件
ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文件图标美化 atom-beautify 代码格式一键美化 last-cursor ...
- IDEA 2022 常用 插件 安装 与 全局配置 教程 大全
IDEA 2022 常用 插件 安装 与 全局配置 教程 大全 文章目录 IDEA 2022 常用 插件 安装 与 全局配置 教程 大全 一. 安装必备插件 1. Codota 代码智能提示插件 2. ...
- sublime常用插件包大全(30个左右)
sublime常用插件包大全(30个左右 清明节更新): 按先后和重要程度安装(后面安装的与前面的插件不兼容或影响使用时删除后面的插件) 新装或解压版,第一次进入tools/install packa ...
- VSCode常用好用插件大全
名称 功能 Auto Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML结束标签 any rule 常用正则表达式合集和工具 B ...
- VsCode常用插件和快捷键
VsCode常用插件和快捷键 vscode快捷键 alt+w:快速打印变量(需要插件Wrap Console Log) alt+q:加书签 alt+d:加`<div>`标签(htmltag ...
最新文章
- 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能
- Android初学:联系创建Activity
- JavaScript入门【JavaScript专题1】
- 第十二周学习进度总结
- mac 下载python库,Mac电脑安装python第三方库(就于python3)
- “大数据标准”征稿通知
- Java基础——注解的初步认识
- 2019.7.20js基础知识整理
- 算法的优缺点_各种电磁仿真算法的优缺点和适用范围(FDTD, FEM和MOM等)
- 免费赠送2本新书《iOS程序员面试笔试真题与解析》
- ln火线零线_插座怎么接LN线
- 哪家的服务器cpu性能高,服务器cpu排行
- 计算机网络课程设计家庭网,家庭无线局域网的组建
- 【剑指 Offe】剑指 Offer 17. 打印从1到最大的n位数
- spring test如何设置DebuggingClassWriter.DEBUG_LOCATION_PROPERTY
- android apk的md5值,android 获取apk md5值
- ubuntu中git安装与配置 / git clone git@github.com失败
- 从零开始写一个小米便签
- 支付宝:验签出错,建议检查签名字符串或签名私钥与应用公钥是否匹配
- IFS认证|国际食品IFS认证优势与审核标准