atom 插件

快捷输入类

  • autocomplete-plus,当输入的时候,提供可能的候选项。
  • atom-ctags,使用 ctags 来强化自动完成功能,需借助于 autocomplete-plus
  • javascript-snippets,顾名思义,输入特殊的字符后自动扩展成对应的 Javascript 代码片段。
  • javascript-snippets
  • vim-mode

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

  • emmet

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

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

Linters

  • jshint,验证你的 JavaScript ,写更专业的 JavaScript 代码。
  • JSHint
  • csslint, CSSLint 会报告出不合规定的 CSS 规则。

版本控制类

  • git plus,在 Atom 里面执行 Git 命令,不用来回切换终端和编辑器。
  • git plug
  • git-log,在 Atom 里面显示图形化的提交记录。
  • merge-conflicts,在 Atom 里面处理合并产生冲突的文件。
  • minimap,为 Atom 加上 Sublime Text 的源码预览图,提供丰富的自定义选项,值得一用。
  • file-icons,显示文件类型对应的图标。
  • atom-beautify,格式化代码,更统一的代码风格。
  • Color Picker
  • 在编辑器里面挑选颜色。通过右键选择 Color picker ,或者 cmd + shift + c/ctrl + alt + c 快捷键调出颜色选择面板。支持 HEX, HEXA, RGB, RGBA, HSL, HSLA 形式指定的颜色值。
  • csscombCSSComb 的一个扩展工具, CSSComb 帮你写出更漂亮的 CSS !
  • autoprefixerAutoPrefix的一个扩展工具,自动为 CSS 属性添加特定的前缀。
  • localization,国际化 Package ,支持简体中文。但是在我使用的版本 0.179.0 中无法使用。
时间: 2024-11-11 05:57:28

atom 插件的相关文章

atom插件

个人atom使用插件名记录 atom-python-autopep8 atom-simplified-chinese-menu atom-sublime-select autocomplete-python emmet-atom-master highlight-selected language-gfm-enhanced markdown-preview-enhanced markdown-scroll-sync python-tools 离线安装安装 从github下载对应插件安装包,解压拷

atom插件安装引发的nodejs和npm安装血案

最近在写前端网页,学习就要从高大上的地方开始,于是我打算装一个atom编辑器. 本来就是由github客户端的,再装个atom也算是配套了吧,其实本白也是蛮费心思的,技术不怎么地,什么神器都再努力地使用啊. Atom下载安装就好. {坑的是,要安装插件,不是在线安装,没敢用git这种更加没接触过的东西,就是package下载之后把解压缩的干货放在用户文档的.atom的package文档下中.然后,当然不可以用啦,当然要报错了,插件并没有安装!我还以为自己电脑有问题呢. 这就是看别人写的安装教程的

Atom插件合集

1. 通用插件 2. HTML开发插件install 3. CSS插件 4. JS开发插件 5. Git插件 参考链接 "Atom是由GitHub开发的自由及开放源代码的文字与代码编辑器,支持macOS.Windows和Linux操作系统,本文收集常用的Atom插件." 1. 通用插件 sync-settings last-cursor-position platformio-ide-terminal bracket-matcher duplicate-line-or-selectio

常用的Atom插件

1.simplified-chinese-menu 2.tree-view-finder 3.minimap 4.linter和linter-jshint 5.linter-js-standard 6.git-plus 7.file-types和file-types-icon 8.emmet 9.autoclose-html 10.atom-ternjs 11.atom-html-preview 12.atom-bootstrap3 13.Remote-FTP 14.autocomplete-p

常用Atom插件列表

1.simplified-chinese-menu Atom的简体中文语言包,完整汉化,兼容所有已发布的版本Atom. 2.tree-view-finder 左边菜单栏显示方式,类似Mac OS下的finder. 3.minimap 类似sublim text右边的代码缩略图. 4.linter和linter-jshint 该插件是用jshint来检查代码,想必大家都听说过jshint代码检查工具,它有一个配置文件.jshintrc,这个文件告诉jshint执行的检查规则.通过jshint能发现

解决Atom插件安装下载问题

下载方法一种可以通过软件界面下载,如图: 另外可以通过命令行方式: apm emmet 但是两种由于天朝网络原因,均导致下载失败,所以选择手动安装的方式: 1  找到需要安装插件的github地址 2  在github上下载插件or git clone ,解压后,修改文件名,atom-XXX,[XXX是插件名].Copy到C:\Users\lili\.atom\packages,进入atom-XXX,执行npm install,重启atom即可.

Atom插件主题推荐

注意事项 主题和插件这方面,比 Sublime Text 人性化多了..一些比较用心的作者增加了二度设置功能. 何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以 isotope-ui 这个做例子介绍,看图: 进入二度设置我再介绍 一般有二度设置的,最下面一块都有 readme 或者其他引导教程, 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程, 感觉比 Sublime 人性化好多,sublime 的插件说明要自己上 Github 或者

开发编辑器Atom 插件推荐和快捷键整理

前言 在 前端学习 开发编辑器 Atom使用配置 中主要介绍了Atom的基础概念和对前端的一些插件配置,以及一些基础技巧.这篇文章就介绍在不断使用Atom开发过程中的一些Atom的使用技巧. 这篇文章会不断更新,所以内容和之前的会有些重复,如果有不懂的,请先查看之前那篇文章.这篇文章内容全部自己尝试过的,也会随着不断使用Atom而不断更新文章. 前端插件 apm install emmet //前端常用 apm install atom-beautify //格式化 apm install mi

atom插件安装

atom是一款很好用的编辑器,然而想要它拥有更强大的功能,还是得依靠各种插件,虽然我们可以在顶部工具栏中的Packages-->Settings View-->Open-->install里面搜索插件名然后安装,但那是相当慢的,慢就不说了还经常安装失败,于是不得不寻求其他方法来安装插件,这里可以使用node来安装可是相当快的.这里以activate-mode-power 为例. 首先,以管理员身份打开cmd命令提示符,然后cd C:\Users\自己电脑名字\.atom\packages