RN笔记-Atom常用插件推荐

作者: 金丝楠 | 来源:发表于2017-02-28 14:49 被阅读166次

IDE

集成开发环境(IDE,Integrated Development Environment )是用于提供程序开发环境的应用程序,一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套

编写react-native程序,可以根据个人喜好选择不同的编辑器,比如:WebStorm、SublimeText、Atom等,本文要谈到的是Atom

Atom

Atom,是由github团队打造的一款开源免费的代码编辑器。进入到官网点击Download,下载安装即可。

如果用过Sublime Text ,那么可以很容易的掌握Atom的基本用法。Atom提供类似于Package Control的插件机制,可以通过插件管理器安装丰富的插件。

根据react-native中文官网搭建好开发环境后,有一步很重要的工作是安装便于代码编写的插件,以下我将推荐几个很实用的插件。

如何在Atom编辑器中查找并安装插件?

启动Atom,选择Preferences,选择Settings,选择Install

显然稍微麻烦了一点,这里请记住快捷键:command + ,  即可快速打开

1、atom-react-native-autocomplete

代码自动补全

atom-react-native-autocomplete.gif

2、highlight-selected

选中项高亮

highlight-selected.gif

3、autocomplete-paths

文件路径自动提示

autocomplete-paths.gif

4、atom-beautify

代码格式化

atom-beautify.png

5、minimap

类似sublim text右边的代码缩略图。

minimap.png

6、pigments

根据颜色值,在旁边显示一个对应颜色的小图标或者直接显示为背景

pigments.gif

7、color-picker

取色器

color-picker.gif

8、activate-power-mode

代码在跳舞

activate-power-mode.gif

9、linter和linter-jshint

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

linter和linter-jshint.gif

10、terminal-plus

Atom 中有了 terminal-plus 简直可以完全弃用系统控制台了。

cmd+shift+t 开启新控制台
ctrl+` 打开 /关闭 控制台

terminal-plus.jpg

cmd+shift+j/k 切换控制台

terminal-plus1.jpg

相关文章

  • RN笔记-Atom常用插件推荐

    IDE 集成开发环境(IDE,Integrated Development Environment )是用于提供程...

  • atom的插件必备

    ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文...

  • ATOM常用插件推荐

    ATOM常用插件推荐 simplified-chinese-menu ATOM的汉化插件 file-icons 文...

  • atom必备插件及主题

    ATOM常用插件推荐 github自从推出atom之后,就安装体验了一下,随着使用时间增加,渐渐收集了一些常用(大...

  • 编辑器atom

    参考文章:常用Atom插件列表Atom-常用插件大全-原创陈科肇前端开发环境搭建Atom编辑器快捷键大全使用Ato...

  • Atom编译器RN开发插件汇总

    atom编译器开发RN比较实用的插件 atom-react-autocomplete – 项目内,组件名及状态的自...

  • Atom编译器react-native开发插件

    atom编译器开发RN比较实用的插件 atom-react-autocomplete – 项目内,组件名及状态的自...

  • markdown学习之路2

    atom打造专属markdown编辑器atom介绍atom安装markdown插件推荐 一、atom打造专属mar...

  • Atom 常用插件

    安装插件方法 命令行安装apm install <插件名称> Atom 界面安装在 Atom → Settings...

  • atom 常用插件

    1.minmap 类似sublim text右边的代码缩略图。 apm install minimap

网友评论

    本文标题:RN笔记-Atom常用插件推荐

    本文链接:https://www.haomeiwen.com/subject/qcuxgttx.html