zsl10的专栏

linter-pep8简介linter-pep8是根据python的代码规范pep8而编写的插件，可以帮助python开发人员维护代码规范。安装linter-pep8首先需要先安装pep8包，使用pip安装：pip install pep8安装完成后将pep8的可执行文件添加到系统环境变量： 2. 安装linter-pep8配置linter-pep8安装完成后linter-pep8的配置项

单击打开文件ATOM自版本1.6开始优化了打开文件方式。场景如下： 有时候开发人员需要点击查看大量的文件，此时如果打开了多个固定标签(tab)，那么编辑器将显得非常混乱，ATOM自版本1.6起引入了临时标签的概念，即当每次在项目树菜单下，鼠标单击打开文件时，将在一个临时标签页打开该文件。演示如下：双击打开文件鼠标双击打开文件即我们经常使用的打开文件方式，每次都建立一个新标签页来打开文件。单、双击打

csscomb简介csscomb是一款格式化插件，它主要功能是用来排版CSS代码， 通过将CSS 语句的顺序排版风格调整，从而为开发者提供布局一个页面的逻辑线索，页面开发完成后，使用csscomb 回顾并理清思路，同时也增强了CSS代码的可读性。特点：支持格式化CSS/LESS/SASS支持自定义格式csscomb使用使用快捷键ctrl-alt-c进行格式化 实例： 格式化前代码：.c

emmet简介emmet的前身是大名鼎鼎的Zen coding，从事Web前端开发的工程师对该插件并不陌生，emmet使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度。 emmet的主要功能有：snippet(代码片段,不如用专门的片段插件)abbreviation expand(简写展开)emmet的主要特性有：简写支持嵌套简写支持分组简写支持乘法 1

简介使用过vim作为编辑器开发的程序员对于分屏操作是非常熟悉的，当我们需要对比一个文件的多处位置进行编码时，分屏操作将大大提高我们的工作效率。使用分屏操作鼠标右键点击，出现如下图菜单 Split Up–在上方打开一个分屏Split Down–在下方打开一个分屏Split Left–在左方打开一个分屏Split Right–在右方打开一个分屏演示：

atom-autocomplete-php简介atom-autocomplete-php是ATOM编辑器下php自动补全插件,功能实现依赖于composer。因此，对composer不太了解的可以阅读下composer入门教程。atom-autocomplete-php配置配置composer.phar文件位置，如下： 配置php执行文件路径，若php已经添加到环境变量中，可略过这个配置项。配置

php-cs-fixer简介php-cs-fixer是自动规范化php代码插件，良好的代码规范可以提高代码可读性，减少团队沟通维护成本，推荐大家遵守的php代码规范是php-fig(PHP Framework Interop Group)组织定义的PSR-1和PSR-2。php-cs-fixer配置安装依赖php-cs-fixer.phar文件（需要翻墙）： 详细安装可以去PHP-CS-Fi

linter-php简介linter-php是自动检查php语法错误的插件，使用起来非常方便。 linter-php配置进入linter-php的配置页面，需要指定php执行文件路径： 因为ATOM提供的php插件大多数都要配置php执行文件路径，因此建议可以将php执行文件写入系统环境变量： 或直接在配置项填写php执行文件路径（不建议）：

sync-settings简介sync-settings是一款备份插件，可以备份ATOM的全局设置、插件、按键绑定(keymaps)、界面样式、代码片段(snippets )、 init script。配置配置项Access Token和Gist Id需要到github去申请生成 申请生成token和gist idGist是github提供的一个可以记录代码片段的功能，可以将工作当中经常使用的代码

简介ATOM配置是指在file->config.cson文件下进行配置，配置文件是作用于全局的。 ATOM提供了两种配置方式：打开设置界面配置 直接在config.cson文件下编辑配置项config.cson文件全局配置项"*": //全局 core ://核心配置 disabledPackages:[ //被禁用的插件名列表 ]

简介Atom 的每一个窗口实际上都是一个本地渲染的网页，整个Atom的界面,可以理解成 HTML 的 DOM 树结构,因此可以使用CSS自定义编辑器的外观。自定义编辑器样式使用快捷键ctrl-alt-I打开编辑器内置的控制台 使用箭头选中要改变的窗体，并找到对应的样式 复制该样式粘贴到file->stylesheet.less文件下,我重新定义当前操作文件的显示效果由左边蓝色边框（默认效果）

简介ATOM提供了自定义代码片段的功能，打开设置菜单，点击snippets即可进入snippets.cson文件进行自定义代码片段。代码片段格式'.选择器': '代码片段描述': 'prefix':'字母组合' 'body': '输出的代码片段'选择器指定了自定义的代码片段将在哪种语言环境下生效，选择器的名称对应的语言包的Scope字符串值，可以在ATOM编辑器查找每个语

简介代码片段指的是将经常使用的代码通过输入字母组合按下TAB键即可快速生成。代码片段是ATOM编辑器提供的非常实用的功能，ATOM在自带的语言包里面预先封装了一部分代码片段。使用代码片段查看当前打开文件拥有的所有代码段，可以使用快捷键alt-shift-s，如下图所示，在打开的js文件查看可以使用的代码片段并使用 同样在打开的HTML文件也可以使用代码片段，输入!按下TAB键即可使用代码片段，

简介ATOM按键绑定(keybindings)即自定义快捷键，可以在ATOM的keymap.cson文件下自定义按键绑定。了解CSONCSON全称为CoffeeScript Object Notation，类似我们经常使用的JSON(JavaScript Object Notation)，二者都是储存结构化数据的文本格式，表现为由键值对组成的简单对象的形式。CSON文件格式示例如下：key:

ctrl/cmd-shift-n:新建界面窗口ctrl/cmd-n:新建文件ctrl/cmd-o:打开文件ctrl/cmd-shift-o:打开文件夹ctrl/cmd-al-o：新建项目目录ctrl/cmd-w:关闭当前文件ctrl/cmd-alt-r:重启编辑器shift-delete:剪切 若光标未选中文字则剪切当前光标所在行，否则剪切选中文字ctrl/cmd-insert：复

ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键绑定备份activate-power-mode 输入时有震撼效果

ATOM插件简单介绍　　ATOM编辑器将插件放在了核心的地位，使用CoffeeScript即可开发自己喜欢的插件，降低了插件开发的门槛，在github社区很受欢迎，目前插件更新非常快。 　　ATOM插件分为两类：系统自带核心插件和社区插件。 　安装ATOM插件　　ATOM提供三种插件安装方式： 　　打开ＡＴＯＭ菜单栏File->Settings->Install即可打开插件安装界面，在搜索框

下载安装　　首先去ATOM官网下载安装包，支持MAC/WIN/LINUX系统。 　　 　　安装成功后启动即可

为什么推荐使用ATOM作为编辑器？　　现在可以选择的编辑器有很多，为什么要花费时间去学习和使用ATOM那？