首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让vim的taglist插件显示javascript的有用信息?

要让 Vim 的 taglist 插件显示 JavaScript 的有用信息,您需要按照以下步骤操作:

  1. 安装 taglist 插件:

如果您尚未安装 taglist 插件,请按照以下步骤进行安装:

a. 使用 Vim 插件管理器(如 VimPlug、Vundle 或 Pathogen),将 taglist 插件添加到您的配置文件中。

b. 打开 Vim,并运行插件管理器的安装命令。

  1. 安装 ctags 工具:

taglist 插件依赖于 ctags 工具来生成和管理标签。请确保您已经安装了 ctags 工具。

  1. 配置 ctags 支持 JavaScript:

要生成 JavaScript 文件的标签,您需要配置 ctags 支持 JavaScript。请按照以下步骤进行操作:

a. 打开终端,并输入以下命令以创建一个名为“javascript.ctags”的文件:

代码语言:txt
复制
  ```
代码语言:txt
复制
  touch ~/.ctags.d/javascript.ctags
代码语言:txt
复制
  ```

b. 使用文本编辑器打开“javascript.ctags”文件,并添加以下内容:

代码语言:txt
复制
  ```
代码语言:txt
复制
  --langdef=javascript
代码语言:txt
复制
  --langmap=javascript:.js
代码语言:txt
复制
  --regex-javascript=/^function[ \t]+([A-Za-z0-9_]+)[ \t]*\(.*\).*$/\1/f,functions,functions/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*function[ \t]*\(.*\).*$/\1/f,functions,functions/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*new[ \t]*Function[ \t]*\(.*\).*$/\1/f,functions,functions/
代码语言:txt
复制
  --regex-javascript=/^var[ \t]+([A-Za-z0-9_]+)[ \t]*=[ \t]*\{.*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*:[ \t]*\{.*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*\{.*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*\[.*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*".*"[ \t]*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*'.*'$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*[0-9]+[ \t]*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*true[ \t]*$/\1/v,variables,variables/
代码语言:txt
复制
  --regex-javascript=/^[ \t]*([A-Za-z0-9_]+)[ \t]*=[ \t]*false[ \t]*$/\1/v,variables,variables/
代码语言:txt
复制
  ```

c. 保存并关闭“javascript.ctags”文件。

  1. 配置 Vim 使用 ctags:

要在 Vim 中使用 ctags,您需要配置 Vim 以使用刚刚创建的 JavaScript 配置文件。请按照以下步骤进行操作:

a. 打开您的 Vim 配置文件(通常为“~/.vimrc”或“~/.config/nvim/init.vim”)。

b. 添加以下内容以告诉 Vim 使用“javascript.ctags”文件:

代码语言:txt
复制
  ```
代码语言:txt
复制
  set tags+=~/.ctags.d/javascript.ctags
代码语言:txt
复制
  ```

c. 保存并关闭您的 Vim 配置文件。

  1. 使用 taglist 插件:

现在,您已经配置了 Vim 和 ctags 以支持 JavaScript,您可以使用 taglist 插件来显示 JavaScript 文件的有用信息。要打开 taglist 窗口,请在 Vim 中输入以下命令:

代码语言:txt
复制

:TlistToggle

代码语言:txt
复制

这将打开一个窗口,其中列出了当前 JavaScript 文件中定义的所有函数和变量。

通过以上步骤,您应该可以在 Vim 中使用 taglist 插件来显示 JavaScript 文件的有用信息。如果您遇到任何问题,请查看插件文档以获取更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

非常全面的vim配置文件

" 搜索时高亮显示被找到文本 set noerrorbells " 关闭错误信息响铃 set novisualbell " 关闭使用可视响铃代替呼叫 set t_vb= " 置空错误铃声终端代码 "...}\ %c:%l/%L%)\ " 设置在状态行显示信息 set foldenable " 开始折叠 set foldmethod=syntax " 设置语法折叠 set foldcolumn=0 "...对dom、html和css支持 let javascript_enable_domhtmlcss=1 " 设置字典 ~/.vim/dict/文件路径 autocmd filetype javascript...Tlist_Exit_OnlyWindow = 1 " 如果taglist窗口是最后一个窗口,则退出vim let Tlist_Use_Right_Window = 1 " 在右侧窗口中显示taglist...很酷插件,HTML代码生成 " 插件最新版:http://github.com/mattn/zencoding-vim " 常用命令可看:http://nootn.com/blog/Tool/23/

3.4K31

.vimrc 配置文件

" 搜索时高亮显示被找到文本 set noerrorbells " 关闭错误信息响铃 set novisualbell " 关闭使用可视响铃代替呼叫 set t_vb= " 置空错误铃声终端代码 "...}\ %c:%l/%L%)\ " 设置在状态行显示信息 set foldenable " 开始折叠 set foldmethod=syntax " 设置语法折叠 set foldcolumn=0...和css支持 let javascript_enable_domhtmlcss=1 " 设置字典 ~/.vim/dict/文件路径 autocmd filetype javascript set dictionary...= 1 " 如果taglist窗口是最后一个窗口,则退出vim let Tlist_Use_Right_Window = 1 " 在右侧窗口中显示taglist窗口 let Tlist_File_Fold_Auto_Close...很酷插件,HTML代码生成 " 插件最新版:http://github.com/mattn/zencoding-vim " 常用命令可看:http://nootn.com/blog/Tool/23/

86330
  • 如何 Vim 成为我们神器?

    撤销 # u 撤销 # +r 取消撤销 复制粘贴剪切 # v 进入可视模式 # y 复制 # p 粘贴 # yy 复制当前行 # dd 剪切当前行 状态 # +g 显示当前行以及文件信息...逆向查找 # % 查找配对 {,[,( # :set ic 忽略大小写 # :set noic 取消忽略大小写 # :set hls 匹配项高亮显示 # :set is 显示部分匹配 替换 # :s/...set tabstop=2 set shiftwidth=2 突出显示当前行 set cursorline 左下角显示当前vim模式 set showmode 代码折叠 # 启动 vim 时关闭折叠代码...Anthony25/gnome-terminal-colors-solarized 插件配置 树形目录 Plug 'scrooloose/nerdtree' Plug 'jistr/vim-nerdtree-tabs...# I 显示隐藏文件 # C 将根路径设置为光标所在目录 # u 设置上级目录为根路径 # ctrl + w + w 光标自动在左右侧窗口切换 # ctrl + w + r 移动当前窗口布局位置

    68620

    vim开发环境配置

    /home/username/.vimrc(注:username指你用户名) tips:如果你要修改全局配置,对所有用户生效,可以修改系统配置,打开vim, :version 可以看到不同位置...安装配置插件 接下来,我们将安装以下插件 taglistvim代码窗口旁以分割窗口形式显示当前代码结构概览 nerdtree 显示文件树形目录 ctags 用于定位标记对象,如结构,枚举,变量等...ctrlp 文件搜索 cscope 方便地找到某个函数或变量定义位置、被调用位置等信息 有了以上这些插件vim就如虎添翼了。...#安装图形化vim taglist基本配置 let Tlist_Ctags_Cmd='ctags' let Tlist_Show_One_File=1 "不同时显示多个文件..."如果taglist窗口是最后一个窗口,则退出vim "let Tlist_Use_Right_Window=1 "在右侧窗口中显示taglist窗口 let Tlist_Use_Left_Windo

    1.9K30

    Vim 添加 Smali 语法高亮和 Taglist 支持

    本文介绍如何使用 Vim + Ctags + Taglist(或 Tagbar) 来实现如下需求: 目录 Smali 语法高亮 跳转到定义 Taglist/Tagbar 支持 使用 Taglist...以下内容假设读者已经配置好 Vim + Ctags + Taglist(或 Tagbar) 环境,掌握了安装 Vim 插件方法。...后话 对于实现 Taglist 支持这一步,我在网上搜索良久未找到有效解决方案,最后是打开 taglist.vim 文件,看到有如下代码段后才知道能这么做,所以以后遇到问题找不到方法而有源码时候,读它吧...当前解决方案 Ctags 只解析、Taglist/Tagbar 只显示了 field 和 method 两类 tag,我对此原理不是很懂,但是猜想应该是上面 .ctags 文件里 --regex-smali...参考链接 Vim和Ctags支持smali语法 tagbar支持markdown

    1.2K20

    Vim 添加 Smali 语法高亮和 Taglist 支持

    本文介绍如何使用 Vim + Ctags + Taglist(或 Tagbar) 来实现如下需求: TOC {:toc} 当然因为现在 Android 应用打包时都会做不同程度混淆,最后配置完后在...以下内容假设读者已经配置好 Vim + Ctags + Taglist(或 Tagbar) 环境,掌握了安装 Vim 插件方法。...后话 对于实现 Taglist 支持这一步,我在网上搜索良久未找到有效解决方案,最后是打开 taglist.vim 文件,看到有如下代码段后才知道能这么做,所以以后遇到问题找不到方法而有源码时候,读它吧...当前解决方案 Ctags 只解析、Taglist/Tagbar 只显示了 field 和 method 两类 tag,我对此原理不是很懂,但是猜想应该是上面 .ctags 文件里 --regex-smali...参考链接 Vim和Ctags支持smali语法 tagbar支持markdown

    1.1K10

    为什么要选择Vim编辑器

    因此这个命令在编辑程序代码时候非常有用,可以你方便在一段代码头尾间移动。 5高效输入编辑 1、使用关键词自动完成 VIM 有一个非常漂亮关键词自动完成系统。...6高效读代码编辑 建议在vim上安装Taglist+cscope+ctags插件有利于高效读代码,有利于学习!...首先上网下载Taglist插件,下载完成后解压,再将文件下taglist.vim使用cp命令拷贝到HOME/.vim/plugin文件夹下(cp -r taglist.vim ~/.vim/plugin...显示光标行列信息 :set ruler // 显示光标信息(右下角) (3). 查看制表符 :set list // 显示制表符,以^符号显示制表符位置 (4)....3、Taglist插件使用 TagList插件,是一款基于ctags,在vim代码窗口旁以分割窗口形式(如上图所示)显示当前代码结构概览,增加代码浏览便利程度vim插件.

    1.3K30

    一步步将vim改造成CC++开发环境(IDE)

    然后你可以输入要跳转到匹配代号 (在第一列)。其它列信息可以你知道标签在何处被定义过。...:pedit file.h 在预览窗口中编辑文件file.h(在编辑头文件时很有用) :psearch atoi 查找当前文件和任何包含文件中单词并在预览窗口中显示匹配,在使用没有标签文件库函数时十分有用...vim官方插件安装,xxxx是要安装插件名,以status中显示名称为准。...Tlist_Use_Right_Window=1 "窗口显示在右边,0的话就是显示在左边 let Tlist_Show_One_File=0 "taglist可以同时展示多个文件函数列表...如果你想查看详细信息,可以使用此命令 :cl[ist] 列出所有出错信息概览(只有那些含有文件名或行数错误信息会被显示,需要查看那些并不含文件名或行数信息可用“:cl[ist]!”

    9.2K21

    Vim 快速使用指南

    "记录历史行数 set history=1000 "背景使用黑色 set background=dark "语法高亮度显示 syntax on "下面两行在进行编写代码时,在格式对起上很有用;..."第一行,vim使用自动对起,也就是把当前行对起格式应用到下一行; "第二行,依据上面的对起格式,智能选择对起方式,对于类似C语言编 "写上很有用 set autoindent set smartindent...,在右下角显示光标位置状态行 set ruler "默认情况下,寻找匹配是高亮度显示,该设置关闭高亮显示 set nohls "查询时非常方便,如要查找book单词,当输入到/b时,会自动找到第一...比如代码中出现 代码: if(true){ doThis(); } 我们想知道doThis()函数是如何定义和实现,那么如何快速来查看呢?...我们就需要安装Taglist插件  Taglist 插件在http://vim.sourceforge.net/scripts/script.php?script_id=273下载。

    2.9K31

    超级强大vim配置(vimplus)

    如何使用vim....Vim插件, 这个插件可以你高效地浏览各种不同语言编写源代码, "Tag List"有以下一些特点:     * 在Vim一个垂直或水平分割窗口中显示一个文件中定义tags(函数, 类, 结构...tag名和原始类型命令     * 在控制台vim和GUI vim中都可以使用     * 可以和winmanager插件一起使用. winmanager插件可以你同时使用文件浏览器,       ...6. taglist插件 功能类似于tagbar 安装: Plugin 'taglist.vim' 配置: let Tlist_Use_Right_Window=1 "taglist 显示在右侧...+ 开发(以提升补全效 率)、外层由 python 封装(以成为 vim 插件),这是至今为止最强大也是 最难安装插件之一, 有很多人都砸在这个插件上了, 我们来看看如何安装这个插件.

    29.5K92

    2018 更新下vim 插件

    @(linux 编程)[工具使用] 周末网上晃荡看到一些关于 vim8 异步和插件文章,觉得有些新功能挺实用,所以花了点时间升级下自己 vim 配置。...on ubuntu 18 ---- 插件管理 vim-plug 之前使用插件管理工具是 vundle, 没感觉啥问题,但是当看到 vim-plug 以下特点: 安装方便,直接把 vim-plug.vim...taglist依赖于ctags,所以要先装ctags; 此插件显示打开文件符号,命名空间,类名等。...,则退出vim let Tlist_Use_Right_Window = 1 "在右侧窗口中显示taglist窗口 let Tlist_Compart_Format = 1 " 压缩方式 let...tag,只显示当前文件 其他插件 vim-signify 修改标记 通过 signify 这个插件,对于打开有版本控制文件,可以在文件侧边实时显示文件修改情况。

    2.6K30

    Vim 插件管理 转

    最开始使用 vim 时候记了几个快捷键,满足基本使用。此时仍然和在 windows 上使用记事本没有多大区别。 而一旦装了插件,两者区别就拉开了。 问题是如何安装插件?...二、 插件简单一点 其实本来装和管理 Vim 插件是比较,但 Vundle 使其变得简单。简单到什么程度呢?...三、 Vundle 下载、安装 虽然按照官方说法用 Git 来安装 Vundle 看起来好像比较麻烦,但其实更简单些。 (1)安装 Git 可以点击 这里 查看如何安装。...(4)展示函数名和变量名 Plugin 'taglist.vim' 要先在系统上(而不是vim)安装 ctags 1)打开方式 :TlistOpen 2)基本使用 Enter :在已打开文件中跳转到当前选择变量或函数...----------------------------- 这使得 taglist 在右侧窗口中显示窗口。

    1.2K20

    嵌入式Linux系列第19篇:如何高效阅读Linux源码

    有一点需要大家注意是:一定要在tags所在目录打开vim,输入ts才能搜到你要找到tag,在其它目录是不行,比如我进入到上一级目录,就会提示如下信息了。 ?..../** 然后 find gpio_led_output.c或 find g[TAB] 即可搜索文件 2.3 安装配置Taglist 2.3.1 Taglist安装 Taglist也是vim一个插件,...将Taglist下载下来压缩包解压缩,将解压缩出来doc里面的taglist.txt复制到~/.vim/doc/下面,plugin里面的taglist.vim文件拷贝到~/.vim/plugin目录下...这样Taglist这个插件安装完成了。 下载地址在: https://www.vim.org/scripts/script.php?...= 1 "如果taglist窗口是最后一个窗口,则退出vim 按下F4打开Taglis后,整体窗口显示如下: ?

    1.9K40

    Vim as Python IDE on

    我们可以在方法上按Crtl+],Vim会帮你找到方法定义地方。 下面我们需要使用这个文件查看源代码。我们需要用到另外一个插件TagList,配合Ctags可以高效查看源代码。...下载TagList解压缩后是doc和plugin和两个目录,把这两个目录拷贝到你Vim安装目录(我路径是C:\Program Files\Vim\vim73),覆盖原目录(不用担心这样覆盖不会影响已存在东西...配置如下可以同时显示FileExplorer和TagList "WinManager let g:winManagerWindowLayout='FileExplorer|TagList' nmap wm...下载cscope_maps.vim,放到Vimplugin目录。 修改_vimrc,查找结果显示在quickfix窗口而不是主窗口。...下载安装Grep for windows 下载VimGrep插件,grep.vim放在plugin目录 配置_vimrc,设置F3为快捷键 "Grep nnoremap

    1.9K20

    GWAS中曼哈顿图如何显示snp信息

    今天介绍一下曼哈顿图如何打印出SNP名称,类似这样: 1. 软件包 qqman 下载 在CRAN中下载: install.packages("qqman") 2....打印显著性SNP名称 这里,参数:annotatePval,注意,这里值,不是-log10转化,而是原始p值,比如,这里,我们想打印1e-8snp名称,默认一个染色体只显示一个snp名称: manhattan...(dat,annotatePval = 1e-8) 如果我们想把所有的符合条件snp名称都显示出来,增加参数:annotateTop = F snp如果很多的话,就遮盖了。...: 在这里插入图片描述 将挑选snp高亮: 这就算搞定了。...代码汇总: ## 曼哈顿图如何显示snp名称 # qqman library(qqman) data("gwasResults") dat = gwasResults head(dat)

    37020
    领券