atom 前端开发插件推荐

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

一键生成注释模板,使写注释更高效。


docblockr
docblockr
4 autocomplete-paths

在写路径的时候的自动补全。


autocomplete-path
autocomplete-path
5 goto-definition

直接跳转到函数(变量)的定义处,支持Hyperclick即Ctrl/Command + 鼠标左键直接跳转,不过需要根据文档自行设置。

goto-definition
goto-definition

6 atom-beautify

支持多种语言的格式化代码插件,可以自定义设置,很好用。


atom-beautify
7 double-tag

在修改Html标签的时候,可以同步修改标签的开始和结束部分,使Html的修改更高效。


double-tag
double-tag

2、Git功能

1 git-plus

使用atom命令行来进行基本的Git操作(例如Commit,Pull,Push等)。


git-plus
git-plus
2 git-log

在Atom中查看Git提交记录。


git-log
git-log

3、开发辅助(项目管理和小工具)

1 project-manager

项目管理,存储当前项目,快速进入指定项目。


project-manager
project-manager
2 open-in-browser

使用快捷键,自动在系统默认浏览器中打开当前Html文件。

3 atom-clock

在atom界面的右下角显示当前时间(时间格式可自定义),防止各位写代码写得废寝忘食。


atom-clock

4、美化

1 file-icons

文件前面显示图标,增加辨识度的同时使界面更好看。


file-icons
2 主题推荐

主题每个人审美不同,笔者用的主题是atom-material-ui,使用的代码颜色主题是atom-material-syntax,笔者觉得挺好看的,这也是笔者放弃VScode转投Atom的原因,一个高颜值的编辑器在写代码的时候可以让人心情舒畅。

atom-material-ui 加上 atom-material-syntax
atom-material-ui 加上 atom-material-syntax

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容