VS Code中是否存在支持React Native组件自动导入的扩展?
当然有啦!VS Code上有不少好用的扩展能帮你实现React Native组件的自动导入需求,我给你推荐几个社区里公认好用的:
Auto Import - ES6, TS, JSX, TSX
这个扩展可以说是自动导入类工具里的常青树了,支持ES6、TypeScript、JSX/TSX等多种语法,对React Native的内置组件识别特别准确。当你输入<View>这类组件标签时,它会立刻弹出提示,帮你自动添加import { View } from 'react-native';语句,还能自定义配置导入排序规则、忽略特定模块,实用性拉满。React Native Tools
这是微软官方推出的React Native开发工具集,不光能帮你自动导入组件,还集成了调试、代码高亮、项目初始化等一站式功能。它的自动导入功能针对React Native做了专门优化,能精准识别官方组件和你自己定义的本地组件,用起来省心又靠谱。ES7+ React/Redux/React-Native/JS snippets
如果你喜欢用代码片段提升开发效率,这个扩展绝对适合你。它不仅支持组件的自动导入,还内置了超多React Native相关的代码片段——比如输入rnview,就能快速生成带完整import语句的View组件模板,大大减少重复敲代码的时间。
小提示
如果遇到自动导入没生效的情况,可以检查下VS Code的设置里,javascript.suggest.autoImports和typescript.suggest.autoImports这两项是否已经开启,有些扩展需要依赖这些基础设置才能正常工作哦。
内容的提问来源于stack exchange,提问作者Khemraj Sharma

