我的安装环境是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的大部分功能了,香!

neovim as JavaScript IDE相关推荐

  1. WebStorm——最智能的Javascript IDE

    http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html WebStorm是什么? WebStorm是JetBrains的一个专门为 ...

  2. Neovim 打造 Java IDE

    Neovim 打造 Java IDE 当你习惯了 Vim 文本编辑器,你就习惯了 Vim 文本编辑器(

  3. 1. WebStorm-The smartest JavaScript IDE 2. Node.js 3. egret

    1. WebStorm-The smartest JavaScript IDE(可以作为TypeScript代码编辑器) 2. Node.js 3. egret(http://www.egret-la ...

  4. 与大家分享一个我最近开始用的不错的JavaScript IDE

    Webstorm更友好的Git版本控制,有改动的行有白色标记提示,并且能够inline查看diff或者选择revert,这样我就不担心mess up production code了. 安装Chrom ...

  5. 如何编写 Cloud9 JavaScript IDE 的功能扩展

    上周末我们在JSConf.eu发布了 Cloud9 IDE ,同时发布了对应的GitHub项目.在4天时间里该项目得到340个人的关注和将近50个fork.Cloud9的口号是由"由Java ...

  6. 在线JS运行 JavaScript IDE

    JavaScript在线IDE JsBin 可以分享,重点是可以直接运行,相当于在线IDE,十分方便快捷 连接websocket的代码示例 在线编辑地址 可以根据连接的情况做不同的处理 var ws ...

  7. 新一代的 HTML+CSS+JavaScript IDE - Lightly

    HTML/CSS 和 JavaScript(简称 JS)是支持网页开发的三大语言.这三个语言往往形影不离,他们如同房子的结构.设计与功能般,分别为网页开发的不同需求服务,而我们一般看到的网页一般都由这 ...

  8. 前5个流行的 JavaScript IDE

    当我们谈论一个已经被广泛使用的应用程序时,我们不得不提到 JavaScript.它与 HTML5 和 CSS 完美配合,可以开发令人惊叹的前端项目以及移动应用程序,这种前所未有的增长也带来了一系列不断 ...

  9. 【视频】零基础neovim搭建Java IDE

    文章目录 视频教程 系统环境 准备工作 文件下载 安装neovim 0.6以上版本 下载解压jdt-language-server 安装JDK11 安装curl git neovim配置 插件安装 配 ...

最新文章

  1. 2022-2028年中国酒行业投资分析及前景预测报告
  2. MySQL之alter语句用法总结
  3. Office 365系列(4)------Cutover Migrate 搬迁方式至O365上来方法及步骤总结
  4. 只想安安静静的做个程序员
  5. oracle needs compile,Oracle:为什么在基础视图中的数据更改后,我的MW无效到NEEDS_COMPILE状态...
  6. C语言——日常刷题(一)
  7. 详解下一代神经网络-无监督对比学习框架SimCLR
  8. leetcode 73. 矩阵置零
  9. DevSecOps简介(二)
  10. 想学 AI,先搞懂这件小事!
  11. 通过HttpModule实现IP地址屏蔽功能
  12. 梁肇新《编程高手箴言》书评
  13. ensp提示抓包工具wireshark配置路径不正确
  14. 微信公众号文章采集浅谈--搜狗APP近一天文章
  15. Matlab中textscan函数用法
  16. 高等代数笔记4:线性空间
  17. 【转】2018秋招面经
  18. 安卓9.0刷linux,Android 9.0 内核编译实战(以一加6为例)
  19. 推荐一个强大的开源的录制、直播软件(obs-studio)
  20. 10款非常实用的在线网站原型设计工具

热门文章

  1. 自考电子科大计算机考研,付出终有回报!自考本科生跨考考研,成功考入名校电子科技大学...
  2. 【VRP问题】基于模拟退火遗传实现带时间窗的车辆路径规划问题
  3. 蓝桥杯 身份证的奥秘
  4. 有序聚类的matlab实现
  5. 07 AVR单片机ATmega8工业总线项目的通信处理以及实现
  6. 使能开发者、加速产业创新,全栈创新领域鲲鹏再结硕果
  7. 学计算机老了会怎么办,旧电脑我们怎么处理
  8. Scripting Introduction
  9. 富士施乐2022网络扫描设置_富士施乐sc2020网络扫描怎么设置?
  10. eclipse快捷键、设置及常用插件