Atom编辑器设置

字体
使用等宽等高的字体比较好，建议使用Atom的默认设置

tab 4 space
代码规范建议使用tab为4空格https://www.php-fig.org/psr/psr-2/

把Soft Tabs 和 Soft Wrap勾选上
Tab Length的值设置为4

左侧菜单不显示 .xxx 文件
Packages－》搜索tree-view 勾选Hide Ignored Names
这里要忽略的后缀名是在 Atom－》Preferences －》Core 里面的 的Ignored Names项设置的

Atom插件

安装emmet
能够基于emmet语法产生html
Atom－》Preferences －》Install 搜索emmet

Atom默认.html文件 emmet才生效，下面设置让.php文件也能使用emmet

Atom－》Preferences －》Keybindings －》your keymap file
添加如下配置即可

'atom-text-editor[data-grammar~="php"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

double-tag
修改html标签开头，自动调整结尾

autoclose-html
输入html标签开头自动补全结尾

atom-beautify
能够美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C,C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, 和 SQL语法

美化操作：Atom菜单栏的Packages下的Atom-Beautify，点解Beautify即可

pigments
根据颜色代码直接显示该颜色

activate-power-mode
震撼的码字效果

simplified-chinese-menu
菜单栏中文化

language-php
让Atom支持php,Atom默认安装

ide-php
强大的php ide，具备php语法检查，调试报错等功能

－－－
ATOM报错Cannot load the system dictionary for zh-CN
插件管理 搜索 spell-check 点击Settings，取消掉Use Locales的勾选
或者 设置Use Locales的值为en-US 也是可以的
或者 直接禁用spell-check这个插件也行

编辑器右边的虚竖线是什么？
那条线是类似标尺的作用，告诉你代码写到那里就该换行了，默认值为80，当然你可以把该值改大，位置：Atom－》Preferences －》Editor－》Perferred Line Length，也可把wrap-guide插件停用就不显示了