Atom中开发React的插件收集列表

成功弃坑VSCode转向atom,原因竟然是因为一个atom的插件`atom-miku-diy`,有ミクちゃん陪着,写代码也不寂寞了。整理了一些开发React的时候atom里面可以安装的插件。

1. atom-miku-diy,初音未来跳舞陪你写代码哇

2. react,react的核心库1

3. es6-react-redux-snippets:如果搭配了redux做开发,个人觉得好像很方便

4. atom-ternjs:JavaScript的代码提示,支持es5-es8,nodejs

5. emmet:高效html开发工具

6. highlight-line:高亮光标所在行

7. highlight-selected:双击选中一个单词,高亮整个文档中的同一个单词

8. file-icons:一个文件图标库,让左边的文件树看起来更清晰

9. atom-beautify:代码美化工具

10. autocomplete-js-import:自动完成js的库导入

11. linter:代码检查工具

12. atom-react-autocomplete:react代码自动完成

13. emmet-jsx-css-modules:针对jsx和css的emmet扩展工具

14. language-javascript-jsx:支持es6,es7,reactJSX等

15. react-snippets:react的代码提示

16. language-babel:react的核心库2

17. autocomplete-modules:模块自动导入

18. hyperclick:ctrl+鼠标左键快速转到函数定义

19. js-hyperclick:18的补充库

20. autoclose:html标签自动补全,如果要在js文件中也支持,需要在autoclose的设置界面把js和jsx从过滤名单中去除

21. local-history:git提交的本地记录管理

22. color-picker:右键出发色彩选择器,快速添加rgb

23. es6-javascript:JavaScript开发优化工具

24. linter-eslint:js代码的静态检查

一行命令:

apm install atom-miku-diy react es6-react-redux-snippets atom-ternjs emmet highlight-line highlight-selected file-icons atom-beautify autocomplete-js-import linter atom-react-autocomplete emmet-jsx-css-modules language-javascript-jsx react-snippets language-babel autocomplete-modules hyperclick js-hyperclick autoclose local-history color-picker es6-javascript linter-eslint

刚刚弃坑VS code,第一次整理,会不断添加,有问题之处还请大家指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值