Atom编辑器配置

本文作者:IMWeb 黄龙 原文出处:IMWeb社区 未经同意,禁止转载

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。

本文将通过简单实用的方法来带你学习 Atom 编译器的使用。

常用的插件

  • emmet: 提高开发效率
  • atom-ternjs: JS代码智能提示补全
  • file-icons: 文件图标
  • linter-jscs: jscs验证插件

linter-jscs的配置:

1.打开设置【win:ctrl+,】【mac:commond+,】 2.点击packages,里面就是已经安装好的插件

插件自带按jscs格式化的功能,保存的时候自动格式化,非常方便.如果团队没有自己的代码规范的话插件默认自带了一些规范可供选择其中有airbnb、google、jquery、grunt等代码规范可选。

如果配置了自己的jscs配置文件,Preset需要设置为none,不然需要保存两次才格式化当前文件。

注意:3.4.8版本的linter-jscs插件没有none选项但是可以自己修改,插件会保存在用户目录的.atom目录的packages目录里面,找到linter-jscs/src/linter-jscs.js文件在代码的19行添加一个<none>选项重启Atom即可

  • docblockr: 快速写注释文档的插件,支持的语言很多 前端涉及的TypeScript CoffeeScript ActionScript Javascript Haxe等语言都支持
    • minimap:小地图

打开设置快捷键

【win:ctrl+,】【mac:commond+,

装完插件之后我的Atom有379个快捷键,要记这么多快捷键肯定很麻烦。可以通过设置的Keybindings里面查找。

设置编辑器tab键4个空格

可以在config.cson(file-> Open Your Config)里面配置

"*":
    editor:
        tabLength: 4

也可以直接在设置用配置也可以在settings里面的Editor Settings里面的Tab Length设置

jscs验证错误

这个错误是换行是LF还是CRLF

notepad++中打开这个地方可以看到

在Atom中它在编辑器的右下角

点击CRLF/LF即可切换。换成JSCS配置的就可以了

分屏默认快捷键

ctrl+k up ctrl+k down ctrl+k left ctrl+k right

Atom支持组合按键,分屏快捷键的按键方法是同时按ctrl+k然后松手再按up/down/left/right

关闭分屏的快捷键ctrl+k ctrl+w(应该知道怎么玩了吧)

搜索

ctrl+shift+f搜索

Esc关闭搜索框

Ignored Names配置

打开setting:【win:ctrl+,】【mac:commond+,

找到Ignored Names,格式是.svn, fis3, dev, .node_temp

.svn 不仅仅会过滤掉所有的.svn目录。

如果希望在左边的文件列表里也隐藏这些文件夹可以操作下面的步骤: 在settings里面找到packages,搜索tree-view,点击settings

勾选Hide Ignored Names,在文件列表里面就消失了

几个有用的链接

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Atom编辑器配置

    Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript...

    IMWeb前端团队
  • 后台系统搭建记录

    背景: 最近一段时候由于需要搭建后台测试系统,因此需要在centos系统下搭建mysql、apache、fastcgi、svn,由于网上的教程比较零散并且很多...

    IMWeb前端团队
  • 网站性能优化实战——从12.67s到1.06s的故事

    ——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。

    IMWeb前端团队
  • Atom编辑器配置

    Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript...

    IMWeb前端团队
  • DW Mobile Switcher:移动设备识别切换主题插件

    DW Mobile Switcher 这款移动设备识别切换主题插件(就是说如果检测到是移动设备就会切换设置的另一款“移动主题”)是为了接下来要发售的两款移动主题...

    Jeff
  • 开启SAP CDS view DCL前后的读取性能对比

    After I mark the CDS view as ‘not relevant for authorization check’, the user wi...

    Jerry Wang
  • 地图知识-坐标网

    地理坐标网(经纬网)   为了制作和使用地图的方便,高斯-克吕格投影的地图上绘有两种坐标网:地理坐标网和直角坐标网。   在我国1:1万-1:10万地形图上...

    用户1075292
  • [安全入门教学]如何分析海洋CMS漏洞

    看到freebuf上有一篇为《漏洞预警 | 海洋CMS(SEACMS)0day漏洞预警》的文章,展示了关于漏洞使用的POC,这里我们来完整的分析一下POC的原理...

    安恒网络空间安全讲武堂
  • 房天下战略合作美摄sdk,为1.1亿客户提供“抖房”功能

    一直以来,房天下都定位为“技术驱动型”的互联网公司,其对于技术孜孜不倦的追求及技术创新的精准预判,使房天下一直能走在行业创新前沿。

    BestSDK
  • Coursera吴恩达《优化深度神经网络》课程笔记(3)-- 超参数调试、Batch正则化和编程框架

    上节课我们主要介绍了深度神经网络的优化算法。包括对原始数据集进行分割,使用mini-batch gradient descent。然后介绍了指数加权平均(Exp...

    红色石头

扫码关注云+社区

领取腾讯云代金券