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 Chart API 创建时间线图 并希望将图的标题修改为两行 问题 我如何能够显示具有不同字体大小的两线图表标题 电流输出 理想输出 相关研究 我唯一能找到的是有人试图用饼图来做到这一点 但我尝试了但无法使其发挥作
  • ReferenceError:regeneratorRuntime未定义(但在范围内工作)

    我遇到过这种奇怪的情况 ReferenceError regeneratorRuntime is not defined 我已经设法在一个非常小的设置中重现 与同一问题上的类似问题相比 并且还注意到一些奇怪的行为 具体取决于是否使用范围 以
  • 为什么我的淘汰单选按钮在另一个具有点击绑定的元素内时会失败?

    我有一个单选按钮列表 我想要点击 li 他们还检查单选按钮 这一切都有效 直到我放了一个name单选元素上的属性 然后我的代码停止工作 我的代码如下所示 ul li li ul li
  • Eslint errorring 导入没有扩展名的 jsx

    我正在尝试在 es6 中导入 jsx 文件而不需要 jsx 扩展名 import LoginErrorDialog from LoginErrorDialogView Not import LoginErrorDialog from Log
  • 在新的 Google 协作平台 <嵌入 HTML> 中使用 localStorage 和 IndexedDB 不起作用

    我正在尝试将新的 Google 协作平台用于我开发的网页 但是 我在存储本地数据时遇到了问题 本地文件在 Windows 和 Apple safari chrome 中运行良好 从 Google 协作平台尝试一下 没有什么乐趣 此外 在 s
  • Snap.svg - 停止在可悬停元素的子元素上重新触发悬停事件

    对于一个项目 我使用的 SVG 形状由背景多边形和背景多边形上方的一些文本 我已将其转换为路径 组成 我正在使用 Snap svg 为我的形状设置动画 当我将鼠标悬停在多边形上时 形状应该缩放到特定尺寸 包括其中的所有内容 鼠标移开时 形状
  • 隐藏 Div 的父级

    我只是想隐藏父divcomments section div class content content green div div div 我试过这个 document getElementById comments section pa
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • 如何纠正流警告:解构(缺少注释)

    我正在编写一个小型 React Native 应用程序 并且正在尝试使用 Flow 但我无法在任何地方真正获得有关它的正确教程 我不断收到错误 destructuring Missing annotation 有关 station 这段代码
  • 设置 cookie 时中断 JavaScript 执行

    当设置 cookie 时 是否可以始终中断浏览器开发人员工具中的 javascript 执行 无需显式设置 JS 断点 document cookie 在 html head 块的开头添加此代码片段效果很好
  • Chrome 扩展程序在代码中使用 client_secret

    我正在开发具有自己的 oAuth 授权的 Google Chrome 扩展 当然 我必须使用 client id 和 client secret 作为请求令牌 有什么办法可以向用户隐藏这些数据吗 由于此请求只是 javascript 源代码
  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后
  • DataTables row.add 到特定索引

    我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov
  • Firebase 函数 onWrite 未被调用

    我正在尝试使用 Firebase 函数实现一个触发器 该触发器会复制数据库中的一些数据 我想观看所有添加的内容votes user vote 结构为 我尝试的代码是 const functions require firebase func
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 代码镜像错误:未捕获错误:扩展集中无法识别扩展值([对象对象])

    全部 我目前正在从事一个React Electron项目 该项目的目标是完成一个Markdown编辑器 当我配置codemirror 该程序报告错误说 Uncaught Error Unrecognized extension value
  • 对于只触及我的工作表的 Google 表格脚本,收到“此应用程序未经验证”

    我正在编写一个 Google Sheets 脚本 我只想访问与 gs 文件关联的同一电子表格中的数据 似乎我应该有权在自己的电子表格中运行脚本 但是每当我运行一个函数时 我都会得到一个This app isn t verified信息 我该
  • Javascript - 水波纹效果

    我需要 JS 上的脚本 它将以 水波纹 样式更改 images html 抱歉 6MB GIF 文件 http fcuunited ru temp listening2 gif http fcunited ru temp listening
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar

随机推荐

  • 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