
Atom编辑器
文章平均质量分 78
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
crper
对设计、交互、产品都有自己的见解和追求;更多关于我:https://www.yuque.com/crper/blog/about_me
展开
-
对Atom 1.9 及 VSCODE 1.3+不能拖拽打开文件或者文件夹问题【个人解决方案】
问题这几天遇到一个问题。突然发现atom和vscode不能拖拽打开文件和文件夹了; 拖拉会显示一个禁止的符号,类似CSScursor:not-allowed的效果 起初我以为是插件的问题,花了N多时间把插件一个一个卸载排除。。。。到头来还是不行; 我还跑到github上对应的编辑器仓库提交issue,有那么一两个核心开发者回复了我,但还没有解决方案;环境系统: WIN10 10586编辑器:原创 2016-08-06 13:40:16 · 9029 阅读 · 3 评论 -
Atom编辑器折腾记_(23)加快React开发的插件汇总
汇总当前比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的!嘎嘎原创 2016-08-13 00:53:53 · 21562 阅读 · 1 评论 -
Atom编辑器折腾记_(22)二次翻译快捷键【追加1.8新版本新增快捷键】
前言今晚在调教我的Atom的时候,发现了目前最新版【1.8 beta3】的新增了一些快捷键,想了想就翻译了下,希望可以帮到一些小伙伴吧。。有些可能是插件带的,我就顺带翻译了,不确定的我带个星号表示File【文件】原创 2016-05-16 02:04:15 · 10583 阅读 · 3 评论 -
Atom编辑器折腾记_(21)修复`Atom-Beautify: Migrate Settings`问题
前言不管在公司还是在家,我都挺喜欢用atom的,所以配置什么都用sync-setting这个插件来同步, 今晚回到家,同步一下。。。发现大部分配置正常了。。唯独Atom-beautify有点抽风;原创 2016-05-13 00:12:57 · 20601 阅读 · 0 评论 -
Atom编辑器折腾记_(20)git-control[Git版本控制插件]-作者已不维护
题外话Atom,风风雨雨走过一年多了.,目前最新版本是V1.7.0 .社区还是相当活跃;体验也改善了很多;但是性能上还是欠缺;今天我再来介绍自己常用的一款插件git-control插件介绍官方介绍页面作者: jacogrGithub地址 我的介绍 就是命令行的GUI版本,,有些类似sourcetree,但是不如它强大,日用满足使用在编辑器下加载git版本的工作目录;工具默认启用快捷键原创 2016-03-18 13:21:51 · 10520 阅读 · 0 评论 -
Atom编辑器折腾记_(19)atom代码输入震动效果[酷炫]
题外话atom正式版发布到现在已经快半年了。最新版本是1.3.0-beta6 Pre分支的 , 这段时间插件的更新依旧活跃,还冒出了一些比较好玩的插件,比如这次要扯的activate-power-mode插件;原创 2015-12-07 03:27:55 · 13282 阅读 · 1 评论 -
Atom编辑器折腾记_(18)atom内运行gulp的实现方法[酷炫]
效果图atom编辑器内置一个gulp执行面板; 左边是探测到gulpfile的队列任务,单机即可运行…右边就是执行的状态预览;本人只实现了三个面板,因为现在不用grunt了…可以汇总错误信息 功能实现单纯的gulp面板只依赖两个插件 - bottom-dock - gulp-manager package两者缺一不可;bottom-dock不仅仅可以实现gulp面板,还能实现todo[很实用原创 2015-10-20 22:12:06 · 4866 阅读 · 0 评论 -
Atom编辑器折腾记_(17)atom-minify[CSS/JS压缩神器]
简介对于接触前端的小伙伴们,为了优化肯定是想尽办法的…. atom丰富的拓展接口,让atom变得更加强大,,,,国外的大牛把几种常见的压缩集成到一个小插件里面; 于是就有atom-minify这个快捷压缩神器插件项目首页作者: armin-pfaeffle插件地址: https://atom.io/packages/atom-minify#安装方法 1. apm install atom-m原创 2015-10-20 21:50:30 · 6027 阅读 · 0 评论 -
Atom编辑器折腾记_(16)进阶教程_深入自定义快捷键
题外话时间过去挺快,正式版已经出来许久了.目前最新版是V1.0.8; 从最初的各种莫名的BUG,到现在慢慢的完善,,,使用过程可以明显的感觉到! Github上这个项目依旧很活跃,插件库也越来越丰富;真心赞啊~~作为进阶的开篇,再带上一次正式版的下载地址; 目前有Github和国内CNPM两个地方可以下 1. Github 2. CNPMJS - 两者的区别在于,前者是放在Amazon原创 2015-08-29 23:12:55 · 7341 阅读 · 1 评论 -
Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)
题外话这款插件就比较重量级了….用熟悉了写原生JS的效率要提升很多……而且,不仅支持JS还包含了nodejs snippetjavascript-snippets插件作者: zenorocha Github地址 : https://github.com/zenorocha/atom-javascript-snippets内置了丰富的JS snippet . 而且也很好理解和记忆…耍多了会上手的安装原创 2015-08-22 04:52:39 · 10450 阅读 · 0 评论 -
Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)
题外话一款好的代码片段插件可以提高我们写代码的效率.这是一个不争的事实; 今天,我要推荐的这一款,就是可以快速写JQ的插件Jquery-snippets插件作者: james2doyle直入主题,最简易的安装方式,进入设置中心搜索Jquery-snippets ->install即可似乎不能即时生效,我重启了下atom程序就生效了..snippet事件注: 像slideDown,click这些也原创 2015-08-22 04:16:17 · 6983 阅读 · 0 评论 -
Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)
题外话官方正式版虽然内置了.autocomplete-plus;最为明显的一个功能就是记忆你已经输入过的名称进行匹配; 但是针对于某些语言来说,还是有些不足的….其中JS的补全上就明显不足了…所以需要借助插件来拓展atom-ternjs官方描述: Javascript code intelligence for atom with tern.js. Uses suggestion provi原创 2015-08-17 12:26:45 · 42118 阅读 · 9 评论 -
Atom编辑器折腾记_(12)Sync-setttings(插件-备份神器)
简述插件作者:Hackafe 功能描述:Synchronize settings, keymaps, user styles, init script, snippets and installed packages across Atom instances.(简言之就是可以同步Atom的设置文件,自定义快捷键,用户风格,初始化脚本及代码片段,还支持已安装的插件同步 )原创 2015-08-05 08:47:57 · 12089 阅读 · 2 评论 -
Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)
为何寻找每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路…..插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预原创 2015-06-02 18:06:10 · 38385 阅读 · 1 评论 -
Atom编辑器折腾记_(10) CSS Comb增强版[CSS/LESS/SASS]
何为CSScomb官方网站只有一句描述: Makes your code beautiful(让你的代码更漂亮)通俗点讲: CSScomb是用来排版CSS代码的…可以说是格式化插件,依赖nodejs获取CSScomb–这不是今天的话题官方网站: CSScomb 支持许多编辑器,比如Sublime/Atom/brackets等第三方CSScomb—这才是今天的话题昨天写了篇CSS3的原创 2015-05-26 11:57:15 · 7503 阅读 · 2 评论 -
Atom编辑器折腾记_(9)实用侧边栏插件[仿Mac OS finder]
插件介绍:tree-view-finder修改目录树跟Mac OS Finder相似 - 在目录树显示文件大小和日期 - 可以根据文件名/大小/日期进行排列 - 双击文件可以调用外部编辑器打开所要编辑的文件效果图:安装及使用两种安装方法apm install tree-view-finderAtom->settings(设置)->install(安装)->搜索tree-v原创 2015-05-25 10:17:18 · 9209 阅读 · 0 评论 -
Atom编辑器折腾记_(8) 分屏操作
分屏何为分屏..请看此图为何要分屏用过linux的小伙伴都知道,分屏耍的好,可以提高工作效率的如何获取Atom的分屏命令最简易的,进入设置中心的快捷键列表,搜索pane 和 split 就可以看到命令和选择器了查询官方手册 为何不用默认的分屏快捷键有些失效了.就是按了没反应,应该和一些插件冲突了不习惯,符合自己习惯的才是最高效的自定义快捷键为何这样自定义我写在注释里面了…vi/vi原创 2015-05-19 10:25:07 · 10582 阅读 · 0 评论 -
Atom编辑器折腾记_(7) Emmet实例教程
题外话 Atom的emmet插件有些功能给阉割了 说阉割倒不如说atom本身自带的一些功能替代了atom的拓展功能 教程主要是常用的基础知识,在最后我会附上emmet完整简写表,大伙可以把图片在新页面打开另存为何为Emmet简言之,Emmet的前身是大名鼎鼎的Zen coding;功能snippet(代码片段,不如用专门的片段插件)abbreviation expand原创 2015-05-17 10:54:53 · 7555 阅读 · 0 评论 -
Atom编辑器折腾记_(6)config.cson基础教程
号外 昨天,atom官方更新了atom的版本; 把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里Notable ChangesAtom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, sni原创 2015-05-16 10:32:51 · 9705 阅读 · 0 评论 -
Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现
简介用了Atom之后是不是发现,每次打开工作目录,保存退出后重新打开软件,目录一片空白!!Sublime和DW的快捷键预览html功能是不是很喜欢,而Atom木有!!插件的安装自行在设置内部的install查询,或者上github找,放到atom目录下的package,推荐前面的;当然,也支持用apm命令安装,大伙看自己的爱好吧记住上一次打开的目录这个功能,截止目前最新的0.198版本还木有原创 2015-05-15 11:08:19 · 14313 阅读 · 0 评论 -
Atom编辑器折腾记_(4)按键绑定keymap
简介Atom编辑器支持自定义按键绑定,文件格式是CSON;何为CSON 官方解释: This file uses CoffeeScript Object Notation (CSON). 我的解释: JSON + CoffeeScript 写法基本是JSON的写法按键绑定组成如图: 设置内的键盘映射图很好的说明了 按键绑定 = 快捷键(Keystroke) + 执行命令(Command)原创 2015-05-14 08:00:20 · 12735 阅读 · 0 评论 -
Atom编辑器折腾记_(3)插件主题推荐
注意事项主题和插件这方面,比Sublime Text人性化多了..一些比较用心的作者增加了二度设置功能.何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以isotope-ui这个做例子介绍,看图: 进入二度设置我再介绍 一般有二度设置的,最下面一块都有readme或者其他引导教程 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程原创 2015-05-13 06:56:24 · 36786 阅读 · 5 评论 -
Atom编辑器折腾记_(2)基础了解使用
启动界面菜单栏-分为六大块:File — 文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,代码片段,快捷键配置文件)等 Edit — 文件编辑的操作,文件编码格式,及行跳转等View — 重载页面,全屏,字体大小的缩放等Find — 都是关于查询的 ,跟Sublime text极其相似,快捷键基本一样Package原创 2015-05-12 20:47:09 · 33764 阅读 · 8 评论 -
Atom编辑器折腾记_(1)介绍下载安装
何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。为什么用ATOM开源 — 遵循MIT协议,代码托管在github上多平台 — 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包)丰富的插件库 — 开源到原创 2015-05-11 19:31:37 · 13706 阅读 · 0 评论