Github开源编辑器Atom常用插件与安装方式

简记

工欲善其事,必先利其器!

立刻款被号称“21世纪”的代码编辑器——Atom, 是开端源免费过平台的,并且做 GIT
并提供类似 SublimeText 的担保管理力量,

并且,支持插件扩展,可配置性非常强……,乍一拘禁,像极了Sublime
Text,但当你在利用时可感觉要专门爽!!!

预览

事先放几摆设靓图,感受一下!

据悉Github的常用插件

目前Atom编辑器最新的本子是:
v1.3.1,附上官网:[Atom官网](https://atom.io/),长这样的:

理所当然,
你啊得以Github上直接找到下载地址:[Github上之下载地址](https://github.com/atom/atom/releases/tag/v1.3.1)

安插件前准备

[1] 先了解下Atom的安装界面:

开拓Atom后使用键盘快捷键“Alt”,可以打开和隐藏菜单栏,不妨尝试看,选择File
-> Settings,便足以打开装界面(如图):

装界面主要有六单部分:

  1. Settings: 通用设置;

  2. Keybindings: 快捷键设置;

  3. Packages: 插件管理;

  4. Themes: 设置以及安主题;

  5. Updates: 更新插件

  6. Install: 安装插件 或主题

在Settings界面,我们事先做一下常用之装置:

  1. Core Settings -> File Encoding: utf-8;

  2. Editor Settings 中:

Audo Indent 选上;

Font Family中
Windows默认使用Consolas字体,很合乎编程,可以由定义,写上字体名称即可;

Fonts Size: 设置字体非常写;

Line Height: 设置行高,如1.3;

Show Indent Guide:缩进下垂线,选上;

Show Line Number: 行号,选上;

Soft Wrap: 超出行长度限制后,自动折行;

Tab Length: 4;

**其余的且保持默认吧!!!**

[2] 翻墙:加速插件下载速度

就算用蓝灯吧,GitHub搜索lantern,Windows自动安装无需另设置,记得使用Google
Chrome不等同的心得,附上lantern地址:[lantern
Github下充斥地址](https://github.com/getlantern/lantern),打开浏览器是这样的:{Youtube,
facebook,都上了!速度还好}

插件安装

本文推荐使用Atom自带插件管理器进行安装

安方式

**在Settings界面的Install选项中,可以查找插件或者主题进行下载安装,有的可能会见唤起又开Atom才能够激活**,界面下边还有Hot推荐插件列表:

插件[1] minimap

顾名思义,这款插件在窗口的下手栏打及遮罩,为 Atom 加上 Sublime Text
的源码预览图,提供丰富的自定义选项,值得一据此,效果使1。

插件[2] activity-power-mode

Atom装逼插件,配上个青轴机械键盘,我看见代码在跳舞啊,动次动次动动次!!!

activity-power-mode官方地址

装上以后用快捷键:Ctrl + Alt + o 激活

插件[3] autocomplete-plus

当输入的时光,提供或的候选项。

插件[4] javascript-snippets

输入特殊的字符后活动扩展成相应的代码有。

插件[5] git plus

当 Atom 里面实践 Git 命令,不用来回切换终端和编辑器。

插件[6] merge-conflicts

化解Atom中集合冲突插件!

merge-conflicts官方地址

插件[7] Script

可以根据文件名称,或所选的代码块,或行号执行代码,支持大多数编程语言!!!

Script官方地址

插件[8] atom-ctags

使用 ctags 来深化机关就功能,需凭 autocomplete-plus。

atom-ctags官方地址

插件[9] autocomplete-python

Python包、变量、方法、函数声明等机动匹配

autocomplete-python官方地址

插件[10] color-picker

水彩拾取器,在编辑器里面挑颜色。通过右键选择 Color picker ,或者 cmd +
shift + c/ctrl + alt + c 快捷键调出颜色选择面板。支持 HEX, HEXA, RGB,
RGBA, HSL, HSLA 形式指定的颜色值。

color-picker官方地址

插件[11] python-tools

Python提高生产力的必不可少工具!!!

默认快捷键:ctrl+alt+u

python-tools官方地址

插件[12] xml-formatter

XML代码格式化工具, 默认快捷键:SHIFT-CTRL-X

xml-formatter官方地址

插件[13] autocomplete-paths

电动匹配文件路径工具!

autocomplete-paths官方地址

插件[14] atom-html-preview

html文档预览工具, 默认快捷键:CTRL-SHIFT-H

atom-html-preview官方地址

插件[15] atom-beautify

格式化代码,更统一的代码风格, 支持HTML, CSS, JavaScript, PHP, Python,
Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, and
SQL等语言代码!**必备!!!**

atom-beautify官方地址

插件[16] file-icons

显示文件类型对应之图标,升级插件后也许需要还开Atom。

file-icons官方地址

插件[17] java-importer

援助Java用户自动导入依赖之保。

java-importer官方地址

插件[18] jshint

证明你的 JavaScript ,写更规范的 JavaScript 代码。

jshint官方地址

插件[19] csslint

CSSLint 会报告有不合规定的 CSS 规则!

csslint官方地址

插件[20] csscomb

CSSComb 的一个恢弘工具, CSSComb 帮您勾勒来双重美妙的 CSS !

csscomb官方地址

插件[21] autoprefixer

AutoPrefix的一个恢宏工具,自动吗 CSS 属性添加特定的前缀。

autoprefixer官方地址

插件[22] emmet

亲手写 HTML
多少显得专业,但是手写的问题在得大量的代码。Emmet大幅升级手写的频率。非常值得一佯装。

emmet官方地址

插件[23] vim-mode

在Atom中使用vim!

vim-mode官方地址

插件[24]
sync-settings同步Atom

安装了这么多之插件,并且这么多之装,如何备份同步啊?Atom并没有账号支持什么?其实,sync-settings插件可以好有关工作,非常精美!

好同Atom的安文件,自定义快捷键,用户风格,初始化脚本及代码有,还支持曾安装的插件并

sync-settings官方地址

sync-settings 设置方法:

进去Atom设置基本找到该插件,进去setting;

开辟自己之github创建一个a new person access
token,
然后复制生成的token序列, 粘贴到sync-settings插件的setting里面;

再打开github的gist服务,创建一个gist,并复制生成gist
id(专注这个id就是你创造的gist服务对应之URL中除而的用户称,之后的一些),也粘到sync-settings插件的setting里面

布了后,
在文档编辑页面,按下全局命令搜索面板(Ctrl+shift+p),搜索sync-,会生可选取:

sync-settings:backup – 这长达命令是备份当前的配备

sync-settings:restore – 这漫长命令是还原配置,是直覆盖的;

sync-settings:view-backup –
这长长的凡当你尽备份后至丝达询问而的备份的,也即是交公的gist code里面

sync-settings:check-backup – 这长长的是询问最后一不良是不是正规

效果图如下27111葡京的网址所示:

联机成功和挫折的提示信息:

说到底在Github中gist服务受到几近了重重Atom插件的备份配置信息,使用的凡coffee脚本保存的,如图:

注意

Atom提供的插件非常多,都自于Github,遇到题目可直接以Github上发问;

插件更新后,可能会见失灵,重开是只正确的解决办法 ;

引进几个常因此力量,默认已装:

1>. ctrl + g: 只要 ctrl + g 后输入行号, 就会跨越反至指定的行  ;

2>. ctrl + shift + p:
调出效益详情,如按下尽早捷键后输入pane命令,查找split列表项,点击后实现分屏功能;

3>. Atom-Material这个主题真心不错,是Android material风格。

来自于:http://blog.csdn.net/mduanfire/article/details/50278591

发表评论

电子邮件地址不会被公开。 必填项已用*标注