Atom插件主题推荐

注意事项

主题和插件这方面,比 Sublime Text 人性化多了..一些比较用心的作者增加了二度设置功能。

何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以 isotope-ui 这个做例子介绍,看图:

进入二度设置我再介绍

一般有二度设置的,最下面一块都有 readme 或者其他引导教程, 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程, 感觉比 Sublime 人性化好多,sublime 的插件说明要自己上 Github 或者 package control 查看。

主题推荐

内部自带的主题就不介绍了,都挺耐看的

主题名字 描述 个人评价
isotope-ui A clean and configurable UI theme. 高贵黑,但是不带语法主题,支持高级自定义
seti-UI A dark colored UI theme for atom with custom file icons 扁平化磨砂黑,不带语法主题,自带了文件图标(还行)
monokai-flat 用过sublime flat主题的都知道 赞赞,熟悉的气息

插件推荐

前端必备插件篇

1.Emmet — 用过都说好,神器;有个别快捷键会和 Markdown preview 快捷键冲突,改下就好了

2.autoprefixer — 用来补充 css 前缀的,会自动生成多个浏览器的前缀

3.color-picker — 取色器,太赞了有木有,比 sublime 那个好用,不卡,启动超快

4.linter — 这货默认可以识别多门语言的错误,但是不细致,属于主插件,可以针对性的安装更细致的检查插件(太多,不一一列出,下面是前端可能用到的)

  • linter-jshint, for JavaScript and JSON, using jshint
  • linter-coffeelint, for CoffeeScript, using coffeelint
  • linter-tslint, for Typescript, using tslint
  • linter-php, for PHP using php -l
  • linter-pylint, for Python, using pylint
  • linter-scss-lint, for SASS/SCSS, using scss-lint
  • linter-less, for LESS, using less
  • linter-csslint, for CSS, using csslint
  • linter-stylint, for Stylus, using stylint
  • linter-stylus, for Stylus, using stylus

5.autocomplete-plus — 完善自带 autocomplete,有二度设置,接下来列出的一些有二度设置

  • autocomplete-python — 你懂得,更加细致
  • autocomplete-paths — 实用派,路径补全
  • autocomplete-html — 你懂得,更加细致
  • autocomplete-bibtex — Github 的 markdown 语法
  • autocomplete-snippets — 如名字
  • autocomplete-css — 你懂得,更加细致
    • less-autocompile — 实时编译
    • docblockr — 注释插件,非常的实用

插件–美化篇

  • file-icons — 增加许多图标,在侧边蓝文件名前面的 icon。
  • filetype-color — amazing,,在标签栏不同格式文件显示不同的颜色的标题,支持二度设置

插件–协作篇

  • git-plus — 与Sublime Text 的 sublimegit 功能基本一致

插件–键盘侠

  • vim-mode — 用过 vim 的都知道好,基本实现了大部分的功能,不过造成许多快捷键冲突,慢慢排除吧

插件–加强

  • minimap — 用过 Sublime Text 的友友们都知道有一个很实用的功能,就是内部编辑那里有一个小小的代码图,这货就是补全 Atom 这个功能的,支持高亮代码,还可控,具体看内部设置。
时间: 2024-10-08 12:49:32

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文档下中.然后,当然不可以用啦,当然要报错了,插件并没有安装!我还以为自己电脑有问题呢. 这就是看别人写的安装教程的

jQuery制作信息提示弹出层插件【推荐】

给大家分享一款非常实用的弹窗提示窗口插件,包含多种模式.带有回执函数值的功能.?1. [代码][JavaScript]代码 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

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 插件推荐和快捷键整理

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

sublime3更换主题,主题推荐

第一步:打开编辑器输入:ctrl+shift+p 出现以下对话框,输入pcip,双击 Package Control:Install Package 这时候 左下角会显示 加载 仓库进度 过一会,出现这个对话框,这里可以搜索任何你想要的插件 输入boxy,明显第一个 是一个主题,双击安装 出现这个界面,说明安装成功 安装完成后,做一下 配置 点击编辑器 Preferences->setting 输入以下代码: // Activation "color_scheme": "

atom 插件

快捷输入类 autocomplete-plus,当输入的时候,提供可能的候选项. atom-ctags,使用 ctags 来强化自动完成功能,需借助于 autocomplete-plus. javascript-snippets,顾名思义,输入特殊的字符后自动扩展成对应的 Javascript 代码片段. javascript-snippets vim-mode VIM-Mode 支持在 Atom 中使用 VIM 编辑器的操作方式来编辑.这对我来说是个非常 Killer 的 Package ,在

常用的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