打造前端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 条评论
登录 后参与评论

相关文章

来自专栏极乐技术社区

微信小程序跳坑指南系列《一》:新坑30枚

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。 2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更...

24510
来自专栏编程微刊

利用PS把多张psd格式的图片转换为一张PDF格式

2.5K2
来自专栏smy

ckplayer 如何在PC上完美支持 m3u8播放

使用过ckplayer的同学都知道,相对jwplayer等,它非常的容易配置和使用。功能也是基本满足我们的需求的。 一般情况我们都使用普通的视频格式比如mp4,...

5886
来自专栏自由而无用的灵魂的碎碎念

Windows 8学习总结

可以单独关闭蓝牙和wi-fi,或者使用飞行模式,全局的全部关闭。 需要注意的时,关闭他们后,还是需要从这里启用,否则提示已由用户禁用,无法启用:

942
来自专栏前端儿

安卓微信页面的调试

在开发安卓微信页面时,刚开始一般是会在PC上进行,等到开发后期的自测阶段再转到安卓模拟器上、转到各种真机上自测,上线了如果出问题还需要在真机上调试测试。

6932
来自专栏程序员互动联盟

Android Metro风格的Launcher开发系列第一篇

前言:从毕业到现在已经三年多了,回忆一下这三年基本上没有写过博客,总是觉得忙,没时间写,也觉得写博客没什么大用。但是看到很多大牛们都在写博客,分享自己的东西,所...

34410
来自专栏猛牛哥的博客

解决新版wordpress打开速度超级慢的问题

4073
来自专栏Crossin的编程教室

爬虫必备工具,掌握它就解决了一半的问题

网上爬虫的教程实在太多了,去知乎上搜一下,估计能找到不下一百篇。大家乐此不疲地从互联网上抓取着一个又一个网站。但只要对方网站一更新,很可能文章里的方法就不再有效...

1412
来自专栏专业duilib使用+业余界面开发

duilib的xml预览工具duilibpreview

4964
来自专栏Java帮帮-微信公众号-技术文章全总结

简单到没朋友,微信小程序开发实录【面试+工作】

在准备微信小程序开发之前,希望你已经在微信·公众平台 https://mp.weixin.qq.com/注册了小程序。微信小程序账号注册入口 https://...

1.4K5

扫码关注云+社区

领取腾讯云代金券