atom 前端开发插件推荐
2017-06-22 本文已影响0人
Zchao
1、配置镜像
在国内下载atom插件,因为连接的是亚马逊的服务器,所以速度非常慢,有时还会超时,好在国内淘宝做了个镜像,方便国内的朋友们下载,所以在powershell或者terminal中使用以下命令配置镜像(apm是Atom的包管理器,类似于npm)
apm config set registry https://registry.npm.taobao.org
在设置了镜像之后,就可以在atom中下载插件,或者使用apm install {{ package-name }}
来安装插件
2、插件列表
1、代码辅助类
1 Emmet
使用Emmet语法快速编写HTML。
2 eslint
eslint atom插件,用于检索javascript代码,可以自定义配置,根据自己的风格或者团队风格来检索代码(需要下载Atom-linter依赖)。
3 docblockr
一键生成注释模板,使写注释更高效。
atom-beautify
7 double-tag
在修改Html标签的时候,可以同步修改标签的开始和结束部分,使Html的修改更高效。
atom-clock
4、美化
1 file-icons
文件前面显示图标,增加辨识度的同时使界面更好看。
file-icons
2 主题推荐
主题每个人审美不同,笔者用的主题是atom-material-ui,使用的代码颜色主题是atom-material-syntax,笔者觉得挺好看的,这也是笔者放弃VScode转投Atom的原因,一个高颜值的编辑器在写代码的时候可以让人心情舒畅。