WebStorm 默认不支持 React Native 代码提示，需同时配置 Live Template（导入 ReactNative.jar 或复制 ReactNative.xml）和 JavaScript Libraries（下载并启用 react 与 react-native 类型定义），且 StyleSheet 属性需先按 Cmd+J/Ctrl+J 触发模板再输入首字母，组件标红则说明类型识别缺失，须检查库引用及缓存。
WebStorm 默认不带 React Native 代码提示，必须手动配置 Live Template + 类型定义才能获得组件名、API、StyleSheet 属性等补全。光装插件或只配 node_modules 不够，缺一不可。
ReactNative.jar 导入后没反应？检查 WebStorm 版本路径匹配
从 https://github.com/virtoolswebplayer/ReactNative-LiveTemplate 克隆后生成的 ReactNative.jar 是通用包，但导入后无提示，大概率是版本路径错位：
- WebStorm 2022.3 及以后版本，
Import Settings…仍可用，但需确认 jar 包里模板未被新版 Live Template 格式淘汰 - Mac 用户若用方法二（复制
ReactNative.xml），注意路径中的版本号：WebStorm 2023.3 对应~/Library/Preferences/WebStorm2023.3/templates，不是WebStorm11或WebStorm2016.2 - Windows/Linux 用户只能走
File → Import Settings… → ReactNative.jar，别尝试复制 xml —— 路径结构和模板加载机制已不同 - 导入后务必重启 WebStorm，不重启 = 配置未加载
StyleSheet 属性不提示？先触发 Live Template 快捷键
command + J（macOS）或 Ctrl + J（Windows/Linux）是调出 Live Template 的关键入口，不是自动弹出的。很多人等半天没提示，其实是没主动触发：
- 在
style={...}对象内，光标定位到花括号中，按command + J - 输入
f，会列出fontSize、flex、fontFamily等；输入onP会出onPress、onLayout - 如果按了快捷键没反应，检查是否在 JSX 上下文中（文件后缀是
.js或.jsx，且已启用 React 支持） - 确认
Settings → Editor → Live Templates中，ReactNative模板组已启用（勾选 checkbox）
组件名如 View、Text 还是标红？补全 ≠ 类型识别
Live Template 解决的是「写得快」，不是「认得准」。标红说明 WebStorm 不知道 View 是什么类型，需要额外配置 JavaScript Libraries：
- 打开
Settings → Languages & Frameworks → JavaScript → Libraries - 点
Download…，搜索并安装react和react-native（注意选最新稳定版，不是 alpha/beta） - 安装完后，在同一页面勾选这两个库，确保它们作用于当前项目
- 若项目用了 TypeScript，还需确认
node_modules/@types/react-native存在，否则即使有库也缺类型定义 - 重启编辑器或执行
File → Invalidate Caches and Restart强制重载类型索引
最常被忽略的一点：Live Template 提供的是静态代码片段，它不会感知你项目里自定义的组件或 Hook；而类型识别依赖 @types 和 jsconfig.json 配置。两者要一起上，缺一个，提示就断档。
