专栏首页地方网络工作室的专栏打造前端MAC工作站(四)配置 Atom 编辑器

打造前端MAC工作站(四)配置 Atom 编辑器

打造前端MAC工作站(四)配置 Atom 编辑器

前言

前端工程师可选择的编辑器主要有 AtomSublime Text3VS Code,三者风格差不多,你可以选择你喜欢的任意一款从事我们的编码工作。

我个人选择 Atom 因为免费开源,与 git 配合比较好,另外插件都是用前端语言编写,方便自己有时候需要修改插件。

Atom 的有一个比较大的缺点,就是打开大文件的时候会比较卡。除此之外,我感觉它还是非常好用的。

安装就不说了,直接到官方网站下载,然后复制到 /Applications/ 下面即可(MAC下的安装)

为 Atom 安装插件

Atom 提供了相对比较简单的图形界面的安装插件。但是在我的实际操作过程中,发现比较难安装上,可能是因为墙的原因,又或者是因为我身处祖国的大西北,网络条件比较差的缘故。图形界面的插件安装比较简单,鼠标点点就可以了,这里不再重复。我主要说一下,如何在命令行下安装插件,这个安装,是百分百会成功的。

前提,你已经安装了 node.jsgit

查找插件

我们打开 Atom 的官方网站:https://atom.io/ ,点击Packages进入到插件搜索栏目,如下图所示:

在图中红线框内,输入我们想要的插件名称,就可以进行搜索,例如,我们想要安装我们的前端神器emmet,然后按下回车键,就可以搜索到这个插件了。如下图所示:

这里需要注意的是,并非你搜索的关键词的最好的插件就会排在第一个,你可以上下滚动了看看,哪个的下载量大,就下载哪个,比如上图中emmet的下载量是 1058534,一百多万人下载,那应该是没有问题的,而下面的那个,只有几百人下载,还如果不是确定知道这个是干嘛的,一般,是不推荐大家安装的。

我们点击进去,就进入到了 emmet 的简介网页。我们在这个网页上点击Repo进入到插件对应的github仓库中,如下图所示:

Repo按钮的位置如上图所示:

然后,我们就进入到了github的网页中。这个网页的内容我们不用管,只需要将浏览器地址栏里的地址复制上即可。如下图所示:

这样,我们就找到了这个插件对应的地址了。如,emmet的地址就是https://github.com/emmetio/emmet-atom

下载并安装插件

我们打开终端,输入下面的命令

# 进入atom插件安装目录
cd ~/.atom/packages/
# 下载插件
git clone https://github.com/emmetio/emmet-atom
# 等待执行一会儿,执行完成后,进入插件目录
cd emmet-atom
# 执行NPM安装命令
npm install

等待执行安装完成后,你的插件就安装好了,然后就只需要重启,就可以看到你的插件了。

前端常用插件

插件名称

插件简介

emmet

前端神器,如果不知道,自行百度

minimap

迷你地图,羡慕sublime的地图吗?安装上就好

color-picker

调色板,css必备

simplified-chinese-menu

汉化插件,国人必备

atom-jquery

jquery必备

atom-vue

vue必备

linter-eslint

代码检查神器

atom-vim-mode-plus

VIM模式,vim高手必备,新手勿装

简单使用的话,这些插件应该是够用了,如果不够用的话,可以搜索一下相关的需要的关键词,看看有没有合适的,或者问问其他使用atom编辑器的朋友,有没有什么神器可以推荐

当然也欢迎在本帖后面评论留言,留下你认为好用的插件,推荐给大家,我会根据你的评论,整理到文中来

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • chrome 浏览器 FungLeo 常用插件汇总

    默认情况下 chrome 浏览器安装完成后,没有集成什么插件,或者有什么特殊功能,所以很多国人都认为它并不好用。事实并非如此,chrome 浏览器把选择权交给了...

    FungLeo
  • 打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器

    打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器 好,我个人推荐大家使用 atom 编辑器,第一是免费,第二是好看,第三是好用。 安装...

    FungLeo
  • Python3 初学实践案例(9)sqlacodegen 根据已有数据库生成 ORM 使用的 model.py

    版权声明:本文为 FengCms FungLeo 原创文章,允许转载,但转载必须注明出处并附带首发链接 ...

    FungLeo
  • 20 个强大的 Sublime Text 插件

    作 为一个开发者你不可能没听说过SublimeText。不过你没听说过也没关系,下面让你明白。 SublimeText是一款非常精巧的文本编辑器,适合编写代码、...

    小小科
  • Launch上的Extensions(插件)

    Extensions在英文上的意思就是扩展,但实际这个中文意思并不能很好的代表这个功能,我觉得用“插件”这个词会比较合适,后面我所有的介绍都会用插件来表示Ext...

    GA小站
  • scheduling-framework功能介绍

    scheduling framework 是Kubernetes Scheduler的一种新的可插入架构,可简化调度程序的自定义, 它向现有的调度程序中添加了一...

    有点技术
  • 萌妹子语音陪你写代码,一个神奇的 VSCode 插件

    最近在 GitHub 发现了一个有趣的 VSCode 插件:Rainbow Fart。在你写代码的时候,可根据关键字播放接近代码含义的语音。

    Enjoy233
  • 推荐个软件:uTools

    更多的内容可以去看一下差评的推文或者官方文档,我这篇文章主要放一下刚用起来就觉得挺不错的一些功能

    yichen
  • 从Elasticsearch的插件实现机制见:如何在Java中实现一个插件化系统

    此外,笔者还对Java的流行插件框架PF4J进行的简单的了解,发现其实现方式和ES比较相似:都是由ClassLoader实现,感兴趣的读者可以自行了解。

    franyang
  • WordPress 站点如何选择插件才是安全的?

    在『又一次真实案例证明了滥用 WordPress 插件的危害』文章发布后,不少站长都很好奇这篇文章说的是哪个插件?其实很多时候说 WordPress 插件的安全...

    明月云服务

扫码关注云+社区

领取腾讯云代金券