成功弃坑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,第一次整理,会不断添加,有问题之处还请大家指正。