专栏首页向治洪React Native开发之ATOM开发实用技巧

React Native开发之ATOM开发实用技巧

前面对React Native开发工具Atom做了一个详细的介绍,详见RN开发IDE详解。 Atom作为一款前端开发利器,有很多的插件供我们选择,这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。

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能发现代码中存在的问题,可以及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint,该插件可以在项目根目录下新建一个.jshintrc来告诉检查规则,也可以不用创建此文件来进行代码检查。 注意:linter-jshint是依赖linter插件来使用的,也就是说必须先安装linter插件;因为linter是一个粗糙的检查,有很多针对专门项的代码检查,如linter-csslint、linter-php等等

5、linter-js-standard

用来使javascript代码格式化。

6、git-plus

提供git版本控制操作的命令,个人感觉不是很好用,还是terminal比较习惯。

7、file-types和file-types-icon

file-types用来区分文件类型的,file-types-icon用来给不同的问题类型添加不同的图标。

8、emmet

这款插件是用来支持zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

9、autoclose-html

html标签自动比较。

10、atom-ternjs

该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程,可以理解为js代码自动提示。

11、atom-html-preview

html页面预览。

12、atom-bootstrap3

bootstrap3代码提示插件。

13、Remote-FTP

ftp管理工具,命令和图形化界面都支持。

14、autocomplete-paths

文件路径自动提示,相当的犀利。

15、atom-beautify

代码格式化,可以定制化风格。

16、autoprefixer

浏览器兼容。

17、color-picker

颜色取值器,也是相当的不错。

ATOM快捷键大全

文件切换

ctrl-shift-s保存所有打开的文件 cmd-shift-o 打开目录 cmd-\ 显示或隐藏目录树 ctrl-0焦点移到目录树,目录树下,使用a,m,delete来增加,修改和删除 cmd-t或cmd-p 查找文件 cmd-b在打开的文件之间切换 cmd-shift-b 只搜索从上次git commit后修改或者新增的文件

导航

ctrl-p 前一行 ctrl-n 后一行 ctrl-f 前一个字符 ctrl-b 后一个字符 alt-B, alt-left 移动到单词开始 alt-F, alt-right 移动到单词末尾 cmd-right, ctrl-E 移动到一行结束 cmd-left, ctrl-A 移动到一行开始 cmd-up 移动到文件开始 cmd-down移动到文件结束 ctrl-g移动到指定行 row:column 处 cmd-r 在方法之间跳转

目录树操作

cmd-\,cmd-k ,cmd-b 显示(隐藏)目录树 ctrl-0 焦点切换到目录树(再按一次或者Esc退出目录树) a 添加文件 d将当前文件另存为(duplicate) i显示(隐藏)版本控制忽略的文件 alt-right 和 alt-left展开(隐藏)所有目录 ctrl-al-] 和 ctrl-al-[ 展开(隐藏)所有目录 ctrl-[ 和 ctrl-] 展开(隐藏)所有目录 cmd-k h 或者 cmd-k left 在左半视图中打开文件 cmd-k j或者cmd-k down在下半视图中打开文件 ctrl-shift-C复制当前文件绝对路径

编辑和删除文本

基本操作

ctrl-T使光标前后字符交换 cmd-J将下一行与当前行合并 ctrl-cmd-up, ctrl-cmd-down使当前行向上或者向下移动 cmd-shift-D复制当前行到下一行 cmd-K, cmd-U使当前字符大写 cmd-K, cmd-L使当前字符小写

删除和剪切

ctrl-shift-K删除当前行 cmd-backspace删除到当前行开始 cmd-fn-backspace删除到当前行结束 ctrl-K剪切到当前行结束 alt-backspace 或 alt-H删除到当前单词开始 alt-delete 或 alt-D删除到当前单词结束

查找和替换

cmd-shift-f在整个工程中查找 cmd-F在buffer中查找 alt-shift-S查看当前可用代码片段

折叠

alt-cmd-[折叠 alt-cmd-] 展开 alt-cmd-shift-{ 折叠全部 alt-cmd-shift-}{ 展开全部 cmd-k cmd-N { 指定折叠层级 N为层级数

自动补全

ctrl-space提示补全信息

git操作

cmd-alt-Z checkout HEAD 版本 cmd-shift-B 弹出untracked 和 modified文件列表 alt-g down, alt-g up在修改处跳转 alt-G O在github上打开文件 alt-G H在github上打开文件history alt-G C拷贝当前文件在gihub上的网址

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React Native实现一个自定义模块

    概述 在 前期介绍React Native 项目结构的时候,我们讲解过React的项目组成,其中说过 node_modules 文件夹,这是一个存放 node ...

    xiangzhihong
  • android多屏幕分辨率适配

    做android开发,开源嘛,满市场都是凌乱的机型,总少不了适配这样或那样的型号。在这里分享一下自己在开发中用到的方法。 首先要介绍一下drawable-md...

    xiangzhihong
  • android守护进程

    Service组件在android开发中经常遇到,其经常作为后台服务,需要始终保持运行,负责处理一些必要(见不得人)的任务。而一些安全软件,如360等,会有结束...

    xiangzhihong
  • Atom

    via https://www.iplaysoft.com/item/atom-shortcuts

    林清猫耳
  • 第7期 | cmd-parser,一个基于哈希匹配的超快命令解析器

    本专栏由Mculover666创建,主要内容为寻找嵌入式领域内的优质开源项目,一是帮助开发者使用开源项目实现更多的功能,二是通过这些开源项目,学习大佬的代码及背...

    Mculover666
  • 支持向量回归

    就拿最简单的线性回归来讲,通过模型输出的f(x)与真实输出的y值之间的差别来计算损失。而SVR假设模型输出f(x)与真实的y值之间可以容忍有eps大小的偏差,也...

    张凝可
  • 如何愉悦地写 React 样式

    本文介绍了 React 相关的三种 CSS 方案,希望能够帮助大家在 React 路上越走越顺畅。

    前端博客 : alili.tech
  • 拟合R语言中的多项式回归

    但购买和出售,我们可能要考虑一些其他相关信息,就像当:购买显著数量很可能是我们可以要求并获得折扣,或购买更多更重要的是我们可能会推高价格。

    拓端
  • Java并发基础:了解无锁CAS就从源码分析

    CAS的全称为Compare And Swap,直译就是比较交换。是一条CPU的原子指令,其作用是让CPU先进行比较两个值是否相等,然后原子地更新某个位置的值,...

    良月柒
  • 刘韵洁:未来网络的发展趋势与前景

    各位同仁很高兴跟大家做一个交流。我介绍一下国内外的情况。因为现在我们国内的一些专家,对这个事情还是有一些不同的见解,还有些不同的看法。所以我花些时间把有关的情况...

    SDNLAB

扫码关注云+社区

领取腾讯云代金券