WebStorm默认不提供jQuery Ajax Live Template，需手动创建：进入Settings→Editor→Live Templates，添加缩写（如jqget）、描述及模板内容（如$.get('$URL$', function(data) { $END$});），并勾选JavaScript/TypeScript适用范围。
Live Templates 里没有 jQuery Ajax 模板怎么办
WebStorm 默认不带 $.ajax 或 $.get 的 Live Template，直接打 ajax 或 jquery + Tab 不会触发。这不是你配置错了，是 JetBrains 没预置——它默认聚焦原生 fetch 和 XMLHttpRequest。
必须手动添加：
- 打开
Settings/Preferences → Editor → Live Templates - 点右上角
+ → Live Template -
Abbreviation填jqget（或你喜欢的缩写，比如jqajax） -
Description写 “jQuery GET request” -
Template text粘贴：$.get('$URL$', function(data) { $END$ }); - 点
Define，勾选JavaScript和TypeScript
为什么 $.post 模板里要手动写 contentType
很多网上模板直接写 $.post(url, data)，但实际项目中常因后端要求失败——$.post 默认 contentType: 'application/x-www-form-urlencoded'，而现代 API 多用 application/json。
更稳妥的模板写法是显式声明：
$.ajax({
url: '$URL$',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify($DATA$),
success: function(res) {
$END$
}
});
注意：$DATA$ 是变量占位符，输入时会被光标定位；JSON.stringify() 不能省，否则后端收不到合法 JSON。
在 Vue/React 项目里用 jQuery 模板容易踩什么坑
不是语法错，而是上下文失效：
- 模板插入后，
$符号可能被框架（如 Vue 的v-html或 JSX）当作文本渲染，导致$.get变成纯字符串 - TypeScript 项目里没装
@types/jquery，WebStorm 会报Cannot find name '$' - Webpack 打包时，如果没配
ProvidePlugin或全局引入，运行时报$ is not defined
临时解法：在模板开头加 // @ts-ignore；长期解法：确认 index.html 已引入 jQuery，且 tsconfig.json 中 types 包含 jquery。
生成的代码怎么自动补全 jQuery 方法名
补全失效通常不是模板问题，而是 WebStorm 没识别 jQuery 实例：
- 确保
js/jquery-*.min.js文件已放在项目中，并被标记为Library Root（右键 →Mark Directory as → Library Root） - 检查
Settings → Languages & Frameworks → JavaScript → Libraries，确认 jQuery 类型定义已加载（显示为 “jQuery (from node_modules/@types/jquery)” 或类似） - 如果用了 CDN 引入，WebStorm 无法静态分析，补全率大幅下降——本地文件优先
最隐蔽的一点：WebStorm 对 $.get 的补全依赖于 $ 被识别为 jQuery 函数类型。如果某行写了 const $ = somethingElse;，后续所有 $.xxx 都不会补全——删掉冲突变量即可恢复。
