Atom编辑器的安装及常用插件

一、atom安装:

github安装链接:https://github.com/atom/atom

Debian Linux (Ubuntu)

Currently only a 64-bit version is available.

  1. Download atom-amd64.deb from the Atom releases page.
  2. Run sudo dpkg --install atom-amd64.deb on the downloaded package.
  3. Launch Atom using the installed atom command.

The Linux version does not currently automatically update so you will need to
repeat these steps to upgrade to future releases.

Red Hat Linux (Fedora 21 and under, CentOS, Red Hat)

Currently only a 64-bit version is available.

  1. Download atom.x86_64.rpm from the Atom releases page.
  2. Run sudo yum localinstall atom.x86_64.rpm on the downloaded package.
  3. Launch Atom using the installed atom command.

The Linux version does not currently automatically update so you will need to
repeat these steps to upgrade to future releases.

二、atom插件安装方式:

1、通过Atom 自带的 apm 的 Package 管理工具管理插件。

#apm help install

PS:命令之后应该输出 apm install 的详细信息;

否则,打开 Atom 菜单,选择  Install Shell Commands 来安装  apm。

#apm install [<package_name>...]

PS:安装指定名称的插件

#apm install <package_name>@<package_version>

PS:安装指定插件的具体某个版本

#apm install --packages-file list-packages.txt

PS:安装指定的文件中列出的插件批量安装

#apm ls

PS:列出atom已安装的插件

2、通过atom的偏好设置安装插件。

三、atom常用插件推荐:

1、autocomplete-plus ,当输入的时候,提供可能的候选项。

2、atom-ctags ,使用  ctags  来强化自动完成功能,需借助于  autocomplete-plus 。

3、javascript-snippets,顾名思义,输入特殊的字符后自动扩展成对应的 Javascript 代码片段。

4、vim-mode

VIM-Mode 支持在 Atom 中使用 VIM 编辑器的操作方式来编辑。这对我来说是个非常 Killer 的
Package ,在此之前我一直在 WebStorm 上通过一个插件模拟 VIM 操作,异常难用。而在 Atom
上的这个模拟VIM操作,使用起来感觉还是比较顺手的。你可以混合 VIM 操作和普通的编辑操作。

5、emmet

手写 HTML 多少显得专业,但是手写的问题在于得大量的代码。Emmet大幅提升手写的效率。非常值得一装。

6、go-to-line,跳转到指定的行,只要 ctrl + g 后输入行号即可。

7、jshint,验证你的 JavaScript ,写更专业的 JavaScript 代码。

8、csslint, CSSLint 会报告出不合规定的 CSS 规则。

9、git plus,在 Atom 里面执行 Git 命令,不用来回切换终端和编辑器。

10、minimap,为 Atom 加上 Sublime Text 的源码预览图,提供丰富的自定义选项,值得一用。

11、file-icons,显示文件类型对应的图标。

12、atom-beautify,格式化代码,更统一的代码风格。

13、Color Picker

在编辑器里面挑选颜色。通过右键选择 Color picker ,或者 cmd + shift + c/ctrl + alt + c 快捷键调出颜色选择面板。支持 HEX, HEXA, RGB, RGBA, HSL, HSLA 形式指定的颜色值。

14、csscomb,CSSComb 的一个扩展工具, CSSComb 帮你写出更漂亮的 CSS !

15、autoprefixer,AutoPrefix的一个扩展工具,自动为 CSS 属性添加特定的前缀。

16、在偏好设定界面,输入python,选择安装需要的python相关d额插件。。。

【参考网站:https://linux.cn/article-6871-1.html?utm_source=tuicool&utm_medium=referral】

时间: 2024-10-21 14:41:58

Atom编辑器的安装及常用插件的相关文章

新手学习配置atom编辑器进行安装插件如script

本人想学一些关于node.js.javascript,初识atom编辑器,通过网上了解到atom编辑器可以支持很多插件.出于通过atom想单独调试javacript代码的目的,就想安装script插件,安装过程中出现很多错误,终于安装成功.安装atom插件,我所了解到的有两种方式,一种是使用atom自带的install packages,另一种是使用git clone 然后npm安装.本文主要记录下自己使用git clone的安装方法. 1.安装node.js,这一套不用多写多记,网上一搜发现有

Atom编辑器入门到精通(二) 插件的安装和管理

在本节中我们会学习如果安装和使用插件插件是Atom中一个非常重要的组成部分,很多功能都是以插件形式存在的.比如上篇文章中提到的目录树和设置等窗口都是通过默认安装的插件来实现的. 查看已安装的插件 打开设置窗口(Cmd+,),再切换到"Packages"标签页,就可以看到已安装的插件列表了我们可以发现Atom默认安装了70多个插件,Atom通过这些插件提供了各种非常有用的特性和功能另外在设置窗口的"Themes"标签页中也能看到所有安装过的主题(主题其实也是一种插件)

Node.js 插件安装及常用插件

Node.js插件安装 Node.js常用插件 >> TypeScript 本博客为 TypeScript 而创造,不能少了 TypeScript. http://www.typescriptlang.org/ 国内有个翻译网站 https://www.tslang.cn/ 老实说,TypeScript 原来主要瞄准服务端NodeJS编程. 从官网可见,若 TypeScript 用于客户端编程,都是和流行的Angular,React,Vue之类的加上适合的打包工具Webpack, Gulp之类

atom编辑器手动安装插件

atom安装插件有三种方式: apm install ** 在ide中搜索 手动安装 我们介绍手动怎么安装第三方插件,打比方安装atom-ternjs,用于 Javascript 和 Node.js 的自动补全. 插件官网是https://atom.io/packages/atom-ternjs ,然后复制repo的地址 打开cmd 输入 cd ./atom/packages/ 输入git clone https://github.com/tststs/atom-ternjs.git ,这一步,

Sublime Text 3安装及常用插件安装

为了使用强大好用的代码编辑器来进行selenium3+Python3的自动化测试. 使用Sublime Text 3非常适合. 1.下载安装 首先到http://www.sublimetext.com/3根据你的电脑配置下载对应的安装包,然后不断的点击next,然后blablabla......就可以安装好了.本文是安装portable version 可移动版本的Sublime Text3 ( window 7 和window 8.1 环境下) 2.Sublime Text 3注册码激活(亲测

redmine3.3.1安装与常用插件安装

redmine安装 环境:CentOS6.7 软件: mysql5.X redmine3.3.1 ruby2.3.1 rubygem2.6.8 nginx1.9.15 安装依赖包: yum -y install libxslt-devel libyaml-devel libxml2-devel gdbm-devel \ libffi-devel zlib-devel openssl-devel libyaml-devel readline-devel \ curl-devel openssl-d

Sublime Text 3 常用插件以及安装方法(转)

Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package co

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

Atom 编辑器 初学前端基本插件

Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要的插件名即可. ============================ activate -power-mode //震动,粒子效果,酷炫装逼必备,可在设置里关闭震动 Screen Shake-Enabled atom-html-preview //ctrl+shift+h 右侧打开预览,有bug