neovim as JavaScript IDE

2023-05-16

我的安装环境是CentOS7 +Neovim,其他的环境应该类似,供参考。

安装node

《CentOS7 安装nodejs》
https://blog.csdn.net/lxyoucan/article/details/115178081

vim-plug插件管理

详细安装方法见:
https://github.com/junegunn/vim-plug

Neovim

Unix, Linux

sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'

插件安装

  • neoclide/coc.nvim
  • morhetz/gruvbox
  • scrooloose/nerdtree

编辑init.vim
编辑配置文件。

nvim ~/.config/nvim/init.vim

我的配置如下:

" Specify a directory for plugins
" - For Neovim: stdpath('data') . '/plugged'
" - Avoid using standard Vim directory names like 'plugin'
call plug#begin('~/.vim/plugged')

Plug 'scrooloose/nerdtree', { 'on':  'NERDTreeToggle' }
" Use release branch (recommend)
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'morhetz/gruvbox'
" Initialize plugin system
call plug#end()
"PlugInstall [name ...] [#threads]  安装插件
"PlugUpdate [name ...] [#threads]   安装或更新插件
"PlugClean[!]   删除未列出的插件(爆炸版本将在没有提示的情况下清除)
"PlugUpgrade    本身升级vim-plug
"PlugStatus 检查插件状态
"PlugDiff   检查来自先前更新的更改以及未决的更改
"PlugSnapshot[!] [output path]  生成用于还原插件当前快照的脚本
" gruvbox
autocmd vimenter * ++nested colorscheme gruvbox
set bg=dark
" 相对行号
set relativenumber
" tab=4个空格
set tabstop=4
" 设置<F3> 启动文件管理器
nnoremap <F3> :NERDTreeToggle<CR>
set mouse=a
set nu

修改完成,重启nvim后,执行下面命令安装插件。

:PlugInstall

安装js智能提示插件

项目主页:https://github.com/neoclide/coc-tsserver
nvim中执行:

:CocInstall coc-tsserver

在这里插入图片描述

安装完成后,就发现使用nvim编辑js文件就可以有智能提示啦。
在这里插入图片描述

安装Html智能提示插件

项目主页:https://github.com/neoclide/coc-html
在nvim中执行:

:CocInstall coc-html

在这里插入图片描述

在这里插入图片描述

总结

可以实现vscode的大部分功能了,香!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

neovim as JavaScript IDE 的相关文章

  • 请解释与 Google Chrome 扩展程序的后台通信

    我已经阅读并重新阅读了此页面 并运行了示例 http code google com chrome extensions background pages html http code google com chrome extension
  • 如何将中间件绑定到socket.io中的事件

    现在您可以将中间件绑定到io use middleware 但这仅在建立套接字连接时触发 有没有办法在将其传递给事件句柄之前拦截它 就像在expressjs中一样 换句话说 In 快递 js你可以做 app get middleware1
  • 如何通过 HTML 按钮播放声音

    我目前通过网站播放音乐的方法是通过 HTML 音频标签 不过我希望能够通过 HTML 按钮来播放它 该按钮应该能够在播放和停止之间切换音乐 我在 JSFiddle 创建了一个示例 但不知道如何实现它 有人可以告诉我如何使用我的 JSFidd
  • 计算Javascript中两次点击之间的时间

    我想用 javascript 计算属性的两次点击之间的时间 但我不知道如何 例如 a href click here a 如果用户单击多次 假设 5 秒内 我想显示警报 如果有帮助的话我正在使用 jQuery 我对 javascript 不
  • 在 BIRT 中输入参数后更新数据集查询

    在 BIRT 报告设计中传递参数后 如何更改或更新数据集的查询 详细说明 我有一个如下所示的查询 WHERE 该参数标记可以保存不同的值 在用户输入参数后 它看起来像这样 例如 WHERE column name 1 or WHERE co
  • 如何在 d3 js 中突出显示从根到选定节点的路径?

    我使用 d3 js 创建了一棵树 现在我创建了一个下拉菜单 其中包含树中所有节点的列表 现在 从下拉菜单中选择一个节点时 我想突出显示从根到该特定节点的路径 这个怎么做 首先创建一个 flatten 函数 它将分层数据变成一个 n 数组 f
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • Ember.JS - 如何在同一页面中使用多个模型、控制器和视图?

    我主要了解 Ember JS 的基础知识 大多数示例实际上只处理单个控制器和模型以在页面上显示某些内容 我真的很想用 Ember 构建一个完整的 Web 应用程序 所以有人能告诉我如何组织和连接多个控制器 模型和视图到一个页面中吗 例如 如
  • 如何记录返回的事件发射器

    如何记录所发出的事件stream返回于MyFunc 与 JSDoc MyFunc description param Object opts description return Stream description function My
  • 如何改变HTML5视频的播放速度?

    如何更改 HTML5 中的视频播放速度 我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点 根据这个网站 http www chipwreck
  • 使react-leaflet能够离线使用

    我一直在使用反应传单 https github com PaulLeCam react leaflet图书馆 到目前为止运作良好 现在我希望网站预加载尽可能多的图块 以便网络应用程序 也是 PWA 可以在没有互联网的情况下使用 我找到了一些
  • 如何滚动到div内的元素?

    我有一个滚动的div我想在点击它时发生一个事件 它会强制执行此操作div滚动以查看内部元素 我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚
  • 如何在 e2e AngularJS 测试中进行文件上传?

    在我的一种观点中 我有一个文件上传控件 它支持通过拖放或单击按钮后打开的标准文件对话框上传文件 How to do this in my e2e tests1 1 Just one of the two options will be en
  • Jquery,清除/清空 tbody 元素的所有内容?

    我认为这会相当简单 但似乎空方法无法清除我拥有的 tbody 如果有人知道执行此操作的正确方法 我将不胜感激 我只想删除 tbody 中包含的所有内容 到目前为止我正在尝试 tbodyid empty HTML table tbody tr
  • window.showModalDialog 的等效跨浏览器解决方案是什么?

    window showModalDialog 的等效跨浏览器解决方案有哪些 showModalDialog 在 IE 和 FF 3 中引入 我个人认为没有 但是有很多 UI 工具包提供了这样的功能 例如jQuery UI http jque
  • 从多维无穷大数组中删除数组元素

    我想删除一个特定元素 例如 我想删除元素id 76在下面的数组中 而且 数组可以无限地组合在一起 这里的问题是我无法刷新页面 因为我使用 Vue js 进行即时操作 如果我能做到这一点 我的下一个问题可能是如何在我现在想要的地方添加一个元素
  • 替换两个引号之间的字符串

    我想转动一根绳子str hello my name is michael what s your s into hello my name is span class name michael span 我怎样才能在 JavaScript
  • 在javascript中动态生成行?

    我是 javascript 新手 我想在按下 Tab 时动态生成行 并希望获取在动态生成的行中输入的值 以便我可以在 servlet 代码中使用这些值 这是我的html
  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing
  • 在 VS2008 的 XAML 编辑器中禁用 Intellisense?

    有没有办法在 Visual Studio 2008 的 XAML 编辑器中禁用 Intellisense 打字时通常会消耗很大的性能 有时我会等待十秒或更长时间 直到列表自动弹出 似乎在 选项 gt 文本编辑器 gt XAML 中 Inte

随机推荐

  • Sqlplus替代者SQLcl

    图形化的Oracle客户端工具很多 xff0c 比如 xff1a PL SQL 在命令行的查询工具SQLplus大家应该都知道的 说真的我在用SQLplus的时候感觉真难受啊 勉强能用 修改SQL或者查看历史语句都不行 xff0c 放方向键
  • Windows 10 LTSC官方版本下载地址

    原版下载地址 64位 xff1a ed2k file cn windows 10 enterprise ltsc 2019 x64 dvd d17070a8 iso 4290967552 9E80DED85693E8E4E0D76E55B1
  • MacVim永久保存字体设置

    不知道有没有小伙伴 xff0c 跟我一样 很疑惑为什么MacVim中的设置每次重新打开就会重置 每次重新打开我就要设置一下MacVim的字体和字体大小来正常显示我的powerline字体 这样就很麻烦了 xff0c 有没有什么办法可以永久保
  • CentOS 安装vim8 + python3

    前言 CentOS 使用yum 安装的vim版本比较低 xff0c 有一些vim插件都要求vim 8 43 的版本 所以我们还是需要安装一下新版本的 步骤 卸载原来的vim yum remove vim 安装依赖关系 yum install
  • Centos安装nvim并支持python3

    在使用SpaceVim 官方推荐使用neovim xff0c 那咱就安装一个呗 下载安装包 https github com neovim neovim releases latest 我这里下载的是 xff1a 安装 root权限执行以下
  • macOS下vim 中文输入法切换问题和两种解决方案

    vim好用是好用 xff0c 就是跟中文输入法配合的不算太好 有没有什么解决办法呢 xff1f 我今天就尝试解决一下 先上效果 xff1a 方法一 xff1a xkbswitch macosx安装过程 解决恼人的 vim 中文输入法切换问题
  • macOS中vim安装deoplete报错 E605

    https github com Shougo deoplete nvim 错误信息 vim hug neovim rpc Vim pythonx ModuleNotFoundError No module named neovim 处理
  • 使用pip命令都会显示AttributeError: type object 'Callable' has no attribute '_abc_registry'错误?

    问题 xff1a 使用pip命令都会显示AttributeError type object 39 Callable 39 has no attribute 39 abc registry 39 错误 xff1f 不知道什么鬼 xff01
  • [vimproc].SpaceVim/bundle/v...4.so“ is not found:help vimproc and make it.

    项目场景 xff1a 项目Value操作系统1CentOS7操作系统2macOS Big Sur 11 2NeoVimNVIM v0 4 4SpaceVim1 7 0 dev 我在CentOS7和macOS上都遇到这个问题了 xff0c 最
  • CentOS 7安装 CMake

    下载CMake 访问https cmake org download span class token function wget span https cmake org files v3 12 cmake 3 12 3 tar gz C
  • vim安装插件实现Java代码格式化

    最近迷上了使用vim开发java代码 已经使用了一段时间了 xff0c 平时自己写代码时会手动调整格式 xff0c 代码自动格式化一直没有使用过 如果频繁copy代码 xff0c 代码格式化还是很有必要的 这里要感谢一下SpaceVim 不
  • SpaceVim踩坑之java代码格式化

    个人理解 xff1a SpaceVim是一套不错的vim插件集合 也是因为有SpaceVim才让我入门vim xff0c 爱上vim 一直想实现ssh远程服务做开发调试这件事情 xff0c SpaceVim让我看到了这个想法的可行性 实践的
  • 从零开始vim搭建Java开发环境[视频]

    视频教程 从零开始vim搭建Java开发环境 全屏观看 前言 起初我仅仅是想在手机上搭建一套能开发Java的vim环境 玩转手机中的linux系统termux并搭建java开发环境 玩着玩着发现vim真香 xff01 不仅能搭建简单的Jav
  • CentOS7更改成阿里云的源

    span class token comment 备份本地yum源文件 span span class token function mv span etc yum repos d CentOS Base repo etc yum repo
  • 手机变身蓝牙键盘、鼠标Serverless Bluetooth Keyboard & Mouse for PC/Phone

    前言 看过我前面的文章的小伙伴 xff0c 应该知道我最近在使用手机在地铁里写代码 玩转手机中的linux系统termux并搭建java开发环境 手机写代码有两个缺点 xff1a 屏幕小输入慢 因为手机的便携这个优化 xff0c 第一个缺点
  • SQLcl使用vim编辑sql

    前言 有时通过ssh远程运维 xff0c 使用SQLcl做简单的查询和调试很方便 简单实用 但是使用习惯了各种语法高度就会显的有些单调 那么能不能使用vim来做sql脚本的编写呢 xff1f 那就来探究一下吧 探究过程 我简单的百度了一下
  • 解决iTerm全屏顶部白条闪烁

    环境 操作系统 xff1a macOS Big Sur 11 2 iTerm2 xff1a Build 3 4 4 现象 在iTerm全屏的时候 xff0c 顶部不定时会出现一个闪烁的白条 据了解这个可能是Big Sur的BUG 这个问题困
  • CentOS7 安装nodejs

    参考文档 https linuxize com post how to install node js on centos 7 安装过程 安装过程需要root权限 xff0c 或者有sudo特权的用户 1 添加NodeSource yum存
  • Spring框架的简单配置

    1 xff0c Spring框架是由于软件开发的复杂性而创建的 Spring使用的是基本的JavaBean来完成以前只可能由EJB完成的事情 然而 xff0c Spring的用途不仅仅限于服务器端的开发 从简单性 可测试性和松耦合性角度而言
  • neovim as JavaScript IDE

    我的安装环境是CentOS7 43 Neovim xff0c 其他的环境应该类似 xff0c 供参考 安装node CentOS7 安装nodejs https blog csdn net lxyoucan article details