开发工具【免费下载链接】tern_for_vimTern plugin for Vim项目地址https://gitcode.com/gh_mirrors/te/tern_for_vim点击查看免费下载tern_for_vim是一款为 Vim 提供 Tern 级 JavaScript 语义分析的插件智能补全、跳转定义、查类型、查文档、批量重命名一应俱全。而它聪不聪明关键就看你放在项目根目录的.tern-project配置文件——这篇文章带你从零读懂它精准学会如何加载 jQuery、浏览器环境与 requirejs 插件。一、tern_for_vim 能做什么插件打开 JavaScript 文件后会自动接管 Vim 的补全功能并提供以下命令详见 doc/tern.txt命令功能:TernDef跳转到光标处标识符的定义处另有 Preview/Split/Tab 变体:TernDoc查看文档:TernDocBrowse可在浏览器中打开:TernType查看光标处标识符的类型:TernRefs列出所有引用位置:TernRename智能重命名变量 插件要求 Vim 7.3 并内置 Python 支持安装后需在插件根目录执行npm install拉取 Tern 服务端。二、.tern-project 放在哪里插件如何找到它Tern 通过项目根目录下的.tern-project文件来配置要加载的库和插件。tern_for_vim 的查找逻辑写在这里目录定位逻辑script/tern.py服务启动命令autoload/tern.vim查找规则很简单从当前文件所在目录开始逐级向上查找.tern-project找到哪一层就把哪一层作为项目根目录。因此大项目放在仓库根目录即可所有子目录的 JS 文件共享一套配置多项目工作区不同子目录各放一份互不干扰。另外ftdetect/tern.vim 还顺手把.tern-project和.tern-config两种文件自动识别为json语法编辑时有高亮不用手动:setf json。三、libs一句话加载 jQuery 和浏览器环境 .tern-project是一个 JSON 文件libs字段告诉 Tern 服务端你的代码里用到了哪些外部 API。最常见的两项browser加载浏览器环境定义window、document、alert、localStorage等不再是未定义补全和类型提示全部生效jquery加载 jQuery 官方类型定义$.fn、.each()、.on()都能补全和跳转。官方文档里的最小示例摘自 doc/tern.txt{ libs: [ browser, jquery ] }效果Tern 服务端启动时就会把这两套定义注册进分析引擎window.$、document.querySelector这类标识符立刻获得补全与类型信息——这正是加载 jQuery 与浏览器环境的全部秘密。 提示如果项目用了 ES6/ES7 语法还可以加上es6或按 Tern 文档选用es2017等避免箭头函数被误报。四、loadEagerly让核心文件第一时间被分析 ⚡libs解决的是外部库但你自己项目里的重要入口文件也值得显式声明{ loadEagerly: [ importantfile.js ] }Tern 默认会按需解析文件而写入loadEagerly的文件会在服务端启动时就被完整解析。适合放全局入口文件如app.js、main.js定义了全局变量的初始化脚本。这样跨文件跳转定义、查引用时结果更完整。五、plugins为 requirejs 项目注册模块解析 使用 AMD/RequireJS 的项目还有最后一块拼图——plugins字段。配置requirejs插件后Tern 就能理解require([...])里的模块路径解析规则{ plugins: { requirejs: { baseURL: ./, paths: {} } } }baseURL模块查找的基准目录./表示项目根目录paths路径映射表写法与 RequireJS 配置一致可为常用模块名指定短别名。注册后require回调里的模块依赖也能参与补全与跳转requirejs 项目才算配置到位。六、完整配置模板直接抄作业 把 doc/tern.txt 中的官方示例合起来就是一份面向 jQuery requirejs 项目的完整.tern-project{ libs: [ browser, jquery ], loadEagerly: [ importantfile.js ], plugins: { requirejs: { baseURL: ./, paths: {} } } }三个字段各司其职libs加载 jQuery 与浏览器定义 →loadEagerly预解析核心文件 →plugins注册 requirejs 解析规则。七、进阶技巧与常见问题 ️1. node 不在默认路径怎么办服务端默认以node node_modules/tern/bin/tern --no-port-file启动见 autoload/tern.vim。可以设置g:tern#command覆盖命令let g:tern#command [/usr/local/bin/node, ~/.vim/bundle/tern_for_vim/node_modules/tern/bin/tern, --no-port-file]⚠️ 注意node 进程不经过你的 shellNVM 安装的 node 可能找不到建议使用全局 node 可执行文件。2. 补全时想看函数签名设置let g:tern_show_signature_in_pum 1补全菜单中会显示参数名、类型与是否可选见 doc/tern.txt。3. 想要快捷键设置let g:tern_map_keys 1后默认前缀LocalLeader下即可用td跳定义、tr查引用、tR重命名等详见 doc/tern.txt。4. 配置不生效先确认.tern-project在正确的项目根目录插件是向上逐级查找的再检查 JSON 语法是否合法文件类型已自动设为json保存后新开一个 JS 文件测试即可。写在最后 ✅.tern-project是 tern_for_vim 的大脑三行libs让 jQuery 与浏览器 API 获得完整补全一个loadEagerly让核心入口文件提前就绪一段plugins.requirejs让模块依赖可跳转。掌握这份 JSON你在 Vim 里的 JavaScript 开发体验将质的飞跃——快去给自己的项目配置一个吧赞分享开发工具【免费下载链接】tern_for_vimTern plugin for Vim项目地址https://gitcode.com/gh_mirrors/te/tern_for_vim点击查看免费下载相关推荐突破边界一文读懂YOLOv5如何精准划分目标区域突破边界一文读懂YOLOv5如何精准划分目标区域 你是否曾困惑为什么AI能瞬间识别图像中的物体当你在监控画面中看到行人被红色方框框出汽车被蓝色圆圈标记时人工智能深度学习计算机视觉预训练微调如何快速上手Swin Transformer v2从零开始的图像分类指南如何快速上手Swin Transformer v2从零开始的图像分类指南 Swin Transformer v2是微软研究院推出的新一代视觉Transform在浏览器中使用 RequireJS 加载 ChanceAMD 模块接入实战指南在浏览器中使用 RequireJS 加载 ChanceAMD 模块接入实战指南 Chance 是一个用于 JavaScript 的随机数据生成库内置了 Me测试创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考