Atom 1.13的版本提升

简介:

Atom是GitHub基于Electron的开源文本编辑器,它的1.13版本 为用户和开发人员增加了许多新的特性和改进,包括一个基准工具,一个“重新打开项目”菜单选项和API,以及一个自定义按钮解析器,它可以把Chrome键盘事件映射为Atom风格的按键。

在Atom之前,只能使用Chrome的分析工具来度量Atom代码库中的变更对性能有怎样的影响。Atom 1.13版本引入了一个新的atom --benchmark 选项,使开发人员可以在他们自己的机器上运行基准测试,从而比对不同Atom版本在运行同一基准测试时的差异。这个基准测试命令也可以在Window 下的命令行中执行:执行Benchmarks将执行在benchmarks 目录下找到的所有基准测试。如果你调用atom --benchmark,将得到一个CSV格式的文本输出;此外,Atom将在屏幕中描绘出基准测试的情况。

为了能够不必使用不常用的命令行选项就可以回到之前的编辑状态,1.13版本引入了一个新的“重新打开项目”命令及其相关的atom.historyAPI。这个新的API包括.getProjects()、.clearProjects()和.onDidChangeProjects(callback) 端点。可以使用core.reopenProjectMenuCount 定义缓存的项目名称的个数,默认为15个。

此外,Atom 1.13版本增加了一个新的按键解析器API,它的目标是解决键盘事件处理相关的一些缺陷,采取的方式让你可以去定义如何去解释按键,如以下代码所示:

atom.keymaps.addKeystrokeResolver(({event}) => { if (event.code === 'KeyG' && event.altKey && event.ctrlKey) { return 'ctrl-@' }})
特别是,当辅助按键是用过的以及具有国际化布局时,这将有助于改进键盘事件的处理。

最后要说的是,Atom 1.13撤回了Shadow DOM边界,在渲染受保护的命名空间内的编辑器的内容时会用到它,从而避免编辑器和该工作空间内其他元素之间的样式冲突。这种Shadow DOM边界方式遇到了很多的问题,在1.13版中已经替换为Light DOM,这种方式是由syntax-- 加类名构成,大致格式如下:

.syntax--source.syntax--js .syntax--operator { color: #000000;}
Atoms提供了一个指南,该指南描述了从已有主题或包中清除Shadow DOM样式的步骤。这些所需做的修改不是向下兼容的,这意味着更新的主题或包将无法在Atom 1.13之前的版本中运行。

本文转自d1net(转载)

相关文章
|
前端开发 定位技术 PHP
我的 atom 开发工具
我的 atom 开发工具
|
开发工具
【开发工具】Atom插件
【开发工具】Atom插件
125 0
Atom安装炫酷插件
Atom安装炫酷插件
1235 0
|
JSON 前端开发 数据格式
如何从0开发一个Atom组件
最近用Atom写博客比较多,然后发现一个很严重的问题。。没有一个我想要的上传图片的方式,比如某乎上边就可以直接copy/paste文件,然后进行上传。然而在Atom上没有找到类似的插件,最接近的一个,也还是需要手动选择文件,然后进行上传。
1428 0
|
Web App开发 JavaScript
atom 的使用插件
emmet # html补全minimap # 源码预览图linter # 语法检查file-icons # 文件图标docblockr # 注释块autoclose-html # 自动闭合html标签highlight-line # 选中行高亮highlight-selected #...
1060 0
|
JavaScript 前端开发 开发工具
|
Windows
【Atom】在一个中/大型项目中,那些好用而强大的atom功能
作为一个学生党,一开始使用atom时候并没有意识到atom一些小功能的巨大作用,直到自己实习参与了项目,才知道这些功能在一个项目中是能极大提高工作效率的开发利器   下面是一位不愿意透露其姓名的彭湖湾同学(其实就是我啦)的使用体会,我们姑且称之为W同学   1.通过关键字段全项目检索目标代码文件command+shift+F(mac)ctrl+shift+F(windows)   【场景一】:W同学在tower(一个团队协作工具)上接到了一个小任务,他要在公司运营的一个站点上站点模块里,对一个公告栏的bug进行修正   但这个模块并不是他写的,他并不熟悉。
959 0
|
前端开发 Shell
【npm】如何在Atom中安装emmet和atom-beautify插件?
为了提高编写HTML和CSS的速度,最近尝试着在Atom中安装emmet插件,下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法:打开Atom的引导界面(Welcome Guide)中的install a package选项     然后搜索相关emmet的包,然而却得到下...
1076 0