ATOM常用插件推荐

文章目录

ATOM常用插件推荐
- 一、ATOM介绍
- 二、ATOM常用插件推荐
- 三、如何安装插件

一、ATOM介绍

Atom是一款由GitHub开发的开源代码编辑器,支持自定义HTML,CSS及JS等编程语言。由于简洁直观的界面,同时支持第三方程序包安装及支持宏等特点,深受程序员们的喜爱！

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

二、ATOM常用插件推荐

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

1. simplified-chinese-menu

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

atom-beautify

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

last-cursor-position

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

minimap

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

minimap-highlight-selected

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

activate-power-mode

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

color-picker

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

pigments

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

highlight-selected

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

emmet

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

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

docblockr

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

project-manager

快速打开储存的项目

autocomplete-paths

自动补全文件路径

atom-react-native-autocomplete

react-native代码补全插件

merge-conflicts

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

script

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

browser-plus

编辑器内置浏览器

ask-stack

在atom快速提问stackoverflow

regex-railroad-diagram

正则表达式图形化

advanced-open-file

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

quick-highlight

代码高亮

Show found count on StatusBar.

platformio-ide-terminal

终端工具

open-in-browsers

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

Browser List in context menu

linter/ linter-eslint

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

autocomplete-paths

填写路径的时候有提示

hyperclick / js-hyperclick

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

hyperclick示例：

s-hyperclick示例

Sublime-Style-Column-Selection

局部选择插件

file-icons

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

tool-bar

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

flex-tool-bar

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

atom-terminal-panel

atom内置命令行工具

language-javascript-jsx/language-babel

代码高亮，支持ES6,ES7, React JSX…

es6-javascript

ES6代码快捷键

react-snippets

react代码快捷键

atom-bootstrap3

bootstrap3 html自动补全插件

sync-settings

备份插件和配置备份，防止系统重装后需要重新查找插件，直接自动下载插件并且配置好atom

atom-ternjs

支持多种语言代码补全，例如：ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …

vim-mode

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

terminal-plus

cmd+shift+t开启新控制台

ctrl+`打开 /关闭控制台

cmd+shift+j/k切换控制台

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

tortoise-svn

svn插件

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即可。

atom使用技巧及必备插件及主题相关推荐

vscode智能提示css的插件_Visual Studio Code 必备插件，主题及语法提示
Visual Studio Code 是由微软开发的一款免费的,跨平台文本编辑器.由于其出色的性能表现和丰富的功能,它很快成为了开发者的最爱. 与大多数 IDE 一样,VSCode 也有一个扩展市场, ...
程序员推荐！JetBrains IDEs使用技巧与必备插件
JetBrains是耳熟能详的软件开发工具提供商,旗下的IDE集成开发环境被广泛应用于不同的开发领域.本文将向新手介绍JetBrains IDEs的基本知识和常用功能. 什么是JetBrains ID ...
Atom编译器64位win版本下载汉化及前端必备插件
下载方式: 1.官网下载 2.Github下载 3.Atom编译器64位win版本下载汉化: 安装插件:simplified-chinese-menu 刚安装好的Atom打开是英文版本,可以通过安装 ...
atom mysql插件_Atom 必备插件
Atom的File ->setting ->install中输入插件名称查到后即可安装: 1.Sync Settings 搭配github,同步你的atom插件信息,配置信息,让你轻松实现 ...
分享Atom必备插件
本篇文章给大家推荐一些Atom入坑必备插件.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关推荐:<atom使用教程> Atom作为Javascript/CSS/HT ...
VScode 主题字体颜色必备插件
主题字体颜色通过文件>首选项>设置 > 搜索workbench.settings.editor,选中json即可改成json设置 // settings.json (个人配置) { ...
VScode必备插件、Emmet语法、面试题更新——用到老
欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端. 致力于尽可能详细且简洁的介绍前端知识.自己的捷径,也是学习路上的记录.欢迎探讨目录一.V ...
IntelliJ idea 必备好用优秀插件 idea必备插件
IntelliJ idea 必备好用优秀插件 1.Translation 2.Idea 官方中文语言包插件 Chinese (Simplified)Language Pack 3.Atom Ma ...
前端project师养成记：开发环境搭建(Sublime Text必备插件推荐)
为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...

atom使用技巧及必备插件及主题