美文网首页辅助开发
atom 前端开发插件推荐

atom 前端开发插件推荐

作者: Zchao | 来源:发表于2017-06-22 09:56 被阅读0次

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的原因,一个高颜值的编辑器在写代码的时候可以让人心情舒畅。

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

相关文章

  • atom 前端开发插件推荐

    1、配置镜像 在国内下载atom插件,因为连接的是亚马逊的服务器,所以速度非常慢,有时还会超时,好在国内淘宝做了个...

  • 前端开发锐器Atom推荐插件

    1.teletype 多人实时编程2.platormio-ide-terminal 终端工具3.atom-te...

  • 编辑器atom

    参考文章:常用Atom插件列表Atom-常用插件大全-原创陈科肇前端开发环境搭建Atom编辑器快捷键大全使用Ato...

  • Atom常用插件记录

    前端开源开发神器Atom的常用的插件: atom-beautify 代码格式化 emmet 写css必备 high...

  • nodejs(1)-markdown和服务器

    ## 前端开发的工具 ### 编辑器: 1. 轻量级的,依靠插件:sublime;atom(github);vs ...

  • markdown简述

    前端开发的工具 编辑器: 轻量级的,依靠插件:sublime;atom(github);vs code(miscr...

  • atom的插件必备

    ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文...

  • ATOM常用插件推荐

    ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文...

  • 前端开发利器:Emmet 介绍

    Emmet 是一个能提高前端开发效率的编辑器插件,支持 Sublime,Atom,TextMate,Nodepad...

  • React Native 开发 IDE(Atom + Nucli

    React Native开发官方推荐使用Atom+Nuclide插件使用Nuclide你能够 配合flow进行静态...

网友评论

    本文标题:atom 前端开发插件推荐

    本文链接:https://www.haomeiwen.com/subject/ypnpqxtx.html