Github开源编辑器Atom常用插件及安装格局27111葡京的网址

简记

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

那款被叫作“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: 行号,选上;

27111葡京的网址,Soft Wrap: 超骑行长度限制后,自动折行;

Tab Length: 4;

**其他的都保持暗中同意吧!!!**

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

就用蓝灯吧,GitHub搜索lantern,Windows自动安装无需任何设置,记得使用GoogleChrome不等同的经验,附上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, 奥德赛GB,
昂科雷GBA, HSL, HSLA 形式内定的颜色值。

color-picker官方地址

插件[11] python-tools

Python进步生产力的必需工具!!!

默许急速键:ctrl+alt+u

python-tools官方地址

插件[12] xml-formatter

XML代码格式化工具, 暗中同意快速键:SHIFT-CTENVISIONL-X

xml-formatter官方地址

插件[13] autocomplete-paths

自行匹配文件路径工具!

autocomplete-paths官方地址

插件[14] atom-html-preview

html文档预览工具, 暗中同意急速键:CT奥迪Q5L-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 的1个扩展工具, 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服务对应的U奇骏L中除了你的用户名,之后的局地),也粘贴到sync-settings插件的setting里面

安插完结后,
在文档编辑页面,按下全局命令搜索面板(Ctrl+shift+p),搜索sync-,会有可选用:

sync-settings:backup – 那条命令是备份当前的陈设

sync-settings:restore – 那条命令是过来配置,是直接覆盖的;

sync-settings:view-backup –
那条是当你执行备份后到线上询问你的备份的,约等于到你的gist code里面

sync-settings:check-backup – 那条是询问末了一次是或不是符合规律

效益图如下所示:

联手成功与挫折的指示新闻:

说到底在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

发表评论

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