React Native开发之ATOM开发实用技巧
前面对React Native开发工具Atom做了一个详细的介绍,详见RN开发IDE详解。 ATOM常用插件1、simplified-chinese-menuAtom的简体中文语言包,完整汉化,兼容所有已发布的版本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来告诉检查规则,也可以不用创建此文件来进行代码检查。 5、linter-js-standard用来使javascript代码格式化。 6、git-plus提供git版本控制操作的命令,个人感觉不是很好用,还是terminal比较习惯。 7、file-types和file-types-iconfile-types用来区分文件类型的,file-types-icon用来给不同的问题类型添加不同的图标。 8、emmet这款插件是用来支持zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。 9、autoclose-htmlhtml标签自动比较。 10、atom-ternjs该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程,可以理解为js代码自动提示。 11、atom-html-previewhtml页面预览。 12、atom-bootstrap3bootstrap3代码提示插件。 13、Remote-FTPftp管理工具,命令和图形化界面都支持。 14、autocomplete-paths文件路径自动提示,相当的犀利。 15、atom-beautify代码格式化,可以定制化风格。 16、autoprefixer浏览器兼容。 17、color-picker颜色取值器,也是相当的不错。 ATOM快捷键大全文件切换ctrl-shift-s保存所有打开的文件 导航ctrl-p 前一行 目录树操作cmd-,cmd-k ,cmd-b 显示(隐藏)目录树 编辑和删除文本基本操作ctrl-T使光标前后字符交换 删除和剪切ctrl-shift-K删除当前行 查找和替换cmd-shift-f在整个工程中查找 折叠alt-cmd-[折叠 自动补全ctrl-space提示补全信息 git操作cmd-alt-Z checkout HEAD 版本 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |