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插件停用就不显示了

你可能感兴趣的:(工具)