专栏首页地方网络工作室的专栏打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器

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

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

好,我个人推荐大家使用 atom 编辑器,第一是免费,第二是好看,第三是好用。

安装 atom 编辑器

我们输入 apt-cache search atom | grep ^atom 查看安装包的名字

好,我们确定了名字之后,输入下面的命令进行安装

sudo apt-get install atom -y

安装完成之后,我们就可以在程序列表中打开 ATOM 编辑器了

安装 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编辑器的朋友,有没有什么神器可以推荐

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

因为ATOM的编辑器在各个平台下面的配置基本是一致的,所以更多的内容可以参考我的MAC配置系列 http://blog.csdn.net/fungleo/article/details/58075105

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

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    打造前端MAC工作站(四)配置 Atom 编辑器 前言 前端工程师可选择的编辑器主要有 Atom、Sublime Text3、VS Code,三者风格差不多,你...

    FungLeo
  • FireFox 火狐浏览器57以上版本linux下隐藏标题栏方法插件

    FireFox 火狐浏览器57以上版本linux下隐藏标题栏方法插件 不知道火狐的开发团队咋想的,在 linux 下面始终有一个非常难看并且毫无用处的标题栏。当...

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

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

    FungLeo
  • 推荐几款优质 Chrome 摸鱼插件,带你畅快划水

    可以自定义几个赖皮的网站,通过 Ctrl + S 快捷键(也可以通过修改源码,自定义)快速打开目标网站,开始一天的摸鱼

    AirPython
  • 免费无限使用谷歌搜索,完美安排

    在这广告满天飞的搜索引擎中,其实我是拒绝的也很少用上面说到的,因为我一直在用谷歌搜索引擎。

    IT小侠公社
  • 电脑技巧| 使用电脑的经验分享

    由于你懂得的原因,我们无法去官网下载androidSDK,后来QT下载也要翻墙。下面是解决因“墙”无法下载资料的镜像站网址: 1.教育网主要镜像站 东北地区: ...

    极客人
  • Chrome方便快捷的插件

    一直都对Chrome情有独钟,第一次接触她只因她的icon就喜欢上她了,后来便一发不可自拔,现在几乎成为程序员最喜欢用的浏览器,至于优点很明显:强大的Devel...

    php007
  • 这份“插件英雄榜Top20”才是Chrome的正确打开方式!

    ”一入开源深似海”!给大家推荐优秀的开源项目、实用工具已经成为 AI科技大本营的固定节目。“我待开源如初恋”,逛淘宝,点收藏,加购付款这些操作都已经无法吸引营长...

    AI科技大本营
  • GitHub 标星破万,超全 Chrome 插件汇总整理!

    今天跟大家分享 GitHub 上一个非常棒的开源项目。打开这个开源项目,你就仿佛打开了潘多拉的盒子,里面还有更多惊喜。至少目前,这个项目已经集合了数十个可用在 ...

    GitHubDaily

扫码关注云+社区

领取腾讯云代金券