作为一个开发环境洁癖的强迫症患者,记录一下自己用到的Atom插件,避免下一大堆混乱的插件影响开发的心情
file-icons
文件图标插件,一眼就看出是什么文件!
![](https://img.haomeiwen.com/i1828354/dd43b6a5b1be0aec.png)
![](https://img.haomeiwen.com/i1828354/e799072cf6dd720e.png)
sync-settings
多端同步,只要能联网!
妈妈再也不用担心换电脑了
![](https://img.haomeiwen.com/i1828354/4c07dff5d788416a.png)
配置
需要手动配置一些东西(Personal Access Token 和 Gist Id),配置可以参考以下文章
使用
![](https://img.haomeiwen.com/i1828354/d325b815128aa22b.png)
atom-beautify
代码格式化插件,强迫症必备!
换一个编辑器第一件事就是找它的代码格式化快捷键......
可能会下的很慢
![](https://img.haomeiwen.com/i1828354/bc3a596f66b08af6.png)
快捷键
macOS下默认快捷键为crtl+alt+b
可以自行修改,我喜欢用cmd+alt+l
,JetBrain系列快捷键
![](https://img.haomeiwen.com/i1828354/e9340002fd84587f.png)
react
开发React的利器
语法高亮、自动缩进、代码折叠等等功能。
![](https://img.haomeiwen.com/i1828354/8a11a7e4a4dc7479.png)
emmet
通过缩写简化HTML写法,具体用法可以查看以下文章
autoclose-html
自动关闭html
![](https://img.haomeiwen.com/i1828354/23e8c3602d34e73d.png)
minimap
右侧代码地图
![](https://img.haomeiwen.com/i1828354/050339dffcf402ff.png)
linter
语法检查,提示代码质量
具体语言需要安装具体对应的语法检查插件
注:
- 安装
linter
需要依赖linter-ui-default
-
linter-ui-default
又要依赖busy-signal
和intention
ESLint
![](https://img.haomeiwen.com/i1828354/3a07e49accd80609.png)
安装和配置ESLint,参考下面文档,极其推荐!
网友评论