文档建议反馈控制台
首页
学习
活动
专区
工具
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的Taglist插件？如何让Vim突出显示匹配的<>？如何让vim在使用vim的同时突出显示尾随的空格？如何让vim正确显示jq上报的错误？如何让所有用户使用Redmine/Ruby on Rails中的插件？如何让Vim突出显示Markdown中的Latex环境PyCharm:将有用的信息显示为终端名称如何临时关闭Vim中的插件？如何在Rstudio的查看器中显示任何tagList如何让vim在新的缓冲区中显示错误？是否显示带有用户产品帖子信息的图像？如何在Vim中列出加载的插件？vim / vimrc:如何查找失败的Python插件Vim -如何识别引发错误的插件如何评测用python编写的vim插件如何让vim显示包裹的行而不插入换行符？如何让我的网页显示来自JavaScript函数的图像？配置Vim/Neovim ALE插件以支持: JavaScript文件中的ALEGoToDefinition如何让按钮显示文件/图像的值？Javascript如何在java中检索有用的系统信息？
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

非常全面的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/

86530

    • 如何让 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 移动当前窗口的布局位置

    68720

    vim开发环境配置

    /home/username/.vimrc（注:username指你的用户名） tips:如果你要修改全局的配置，对所有用户生效，可以修改系统配置，打开vim， :version 可以看到不同位置的...安装配置插件 接下来，我们将安装以下插件 taglist 在vim代码窗口旁以分割窗口形式显示当前的代码结构概览 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.6K92

    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后，整体窗口显示如下： ?

    2K40

    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，放到Vim的plugin目录。 修改_vimrc，让查找结果显示在quickfix窗口而不是主窗口。...下载安装Grep for windows 下载Vim的Grep插件，grep.vim放在plugin目录 配置_vimrc,设置F3为快捷键 "Grep nnoremap

    1.9K20

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

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

    37520
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券