使用 Vim 搭建 JavaScript 开发环境

最新推荐文章于 2024-05-11 09:53:10 发布
最新推荐文章于 2024-05-11 09:53:10 发布
阅读量687 收藏
点赞数
分类专栏： spacevim vim javascript 文章标签： vim javascript ide 前端 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsdjeg/article/details/108527879
版权
本文介绍了如何使用SpaceVim作为JavaScript IDE，重点讲述安装模块、代码自动补全、语法检查、工程文件跳转、快速运行、代码格式化和交互式编程等技巧。通过启用相关模块和配置，SpaceVim能提供良好的JavaScript开发体验。
摘要由CSDN通过智能技术生成

原文链接：https://spacevim.org/cn/use-vim-as-a-javascript-ide/

SpaceVim 是一个模块化的 Vim IDE，针对 JavaScript 这一语言的支持主要依靠 lang#javascript 模块以及与之相关的其它模块。
的这篇文章主要介绍如何使用 SpaceVim 搭建 JavaScript 的开发环境，侧重介绍跟 JavaScript 开发相关使用技巧。

安装模块

SpaceVim 初次安装时默认并未启用 JavaScript 相关语言模块。首先需要启用
lang#javascript 模块, 通过快捷键 SPC f v d 打开配置文件，添加：

[[layers]]
  name = "lang#javascript"

启用 lang#javascript 模块后，在打开 JavaScript 文件时，就可以使用语言专属快捷键，这些快捷键都是以 SPC l 为前缀的。

代码自动补全

代码自动补全依赖 autocomplete 模块，该模块默认已经启动了，为 SpaceVim 提供了自动补全功能。
该模块会根据当前环境自动在多种补全引擎之间选择合适的，
默认的补全引擎有：deoplete、neocomplete、ycm、a

最低0.47元/天 解锁文章
「已注销」
关注
专栏目录
Windows系统中搭建Go语言开发环境详解
dvlinker的技术专栏
10-23 1万+
Windows系统中搭建Go语言开发环境详解
javascript.vim
11-27
自动完成javascript语法补全 放入vim目录下的plugin下
用vim 配置javascript
weixin_34244102的博客
01-08 406
缩进vim默认的javascript缩进实在不能让我满意，所以之前也用到过一个jsbeautify.vim，可以将整个js代码整体美化（包括自动折行等很好的功能），但是因为这个插件只能对整个文件操作，所以希望能找到类似与系统默认的==就可以缩进的插件。 那就是：javascript.vim ，下载地址：http://www.vim.org/scripts/script.php?script_id...
使用vim来编写javascript代码
weixin_34419321的博客
04-02 449
如果你喜欢vim，平时也写写javascript，那么这篇文章就是为你而写的：）如果你喜欢javascript，但是还没有找到合适的编辑器，那么请give vim a try。 以下假定你对vim已经有所了解，另外所有插件在gnome-terminal中都测试过，在其他终端中应该不会有太大问题。 语法高亮－javascript.vimhttp://www.vim.org/scripts/s...
nvim:NeoVim个人配置作为开发IDE，主要配置为使用javascript，打字稿，React和Svelte进行Web开发，并配置为使用Flutter进行移动开发。 它具有一些针对javascript和Dart的代码段
04-10
nvim（开发中的自述文件） NeoVim个人配置作为开发IDE，主要配置为使用javascript，打字稿，React和Svelte进行Web开发，并配置为使用Flutter进行移动开发。 它具有一些针对javascript和Dart的代码段 一些外部设施是必需的，例如： vim-plug（ ） the_silver_searcher（ ） tmux（ ） 重要的 请阅读maps.vim和plugins-config.vim文件，在这些文件中，您会发现根据我的喜好创建了自定义快捷方式，例如NerdTree不会使用Enter键而是使用字母L来打开文件，即为什么首先阅读快捷键很重要，它们也有注释以了解其操作。
Ubuntu 下 vim 搭建python 环境 配置
09-21
本文将详细介绍如何在 Ubuntu 系统下使用 Vim 搭建 Python 开发环境。 #### 1. 安装完整的 Vim 首先，确保安装了完整的 Vim 版本。完整的 Vim 包含了许多额外的功能和插件支持，这将使后续的配置更加容易。可以...
Vim配置html5环境,window环境下搭建vim前端开发环境
weixin_42470438的博客
06-09 656
前端 window vim 折腾记自从换了一个poker键盘之后，对vim的热情递增，终于找一个时间，静下心来折腾一下vim，在window下使用vim着实蛋疼，不过前端开发要求不高，之前用sublime，vscode其实也没用到什么牛逼的插件，将就着用吧。1. 下载gvim与基本配置在gvim下载exe文件，直接在window安装即可在windows下，vim的配置文件为_vimrc，在所安装的...
js开发环境搭建—Gvim+javascript插件组合V1.0
yunlin2000的专栏
09-01 615
在windows下，vim的配置文件为_vimrc，在所安装的vim的目录下，将_vimrc打开之后，删除里面的内容，之后黏贴一下的配置，重新打开vim即可看到一个比较美观的界面了。完成上面的步骤之后，终于可以安装Vundle，在Vim的安装目录下，找到vimfiles，在该目录下创建bundle文件夹，进入bundler文件夹中，执行以下命令。在vim中，快速查找并打开该文件，使用ctrlp.vim，配置_vimrc，使用Vundle进行安装即可。
vim-javascript：大大改善了Vim中的Javascript缩进和语法支持
02-24
vim-javascript 适用于vimJavaScript软件包，该软件包提供语法高亮显示和改进的缩进。 安装 使用本机软件包管理器安装 git clone https://github.com/pangloss/vim-javascript.git ~/.vim/pack/vim-javascript/start/vim-javascript 从Vim 8。 与安装 git clone https://github.com/pangloss/vim-javascript.git ~/.vim/bundle/vim-javascript 或者，使用软件包管理器，如 配置变量 以下变量控制某些语法突出显示插件。 您可以将它们添加到.vimrc以启用其功能。 let g:javascript_plugin_jsdoc = 1 为启用语法突出显示。 默认值：0 let g:j
推荐使用：vim-javascript - 强大的JavaScript语法高亮和缩进插件
最新发布
gitblog_00006的博客
05-11 349
推荐使用：vim-javascript - 强大的JavaScript语法高亮和缩进插件 去发现同类优质开源项目:https://gitcode.com/ 在编程世界里，良好的代码编辑体验对于开发者来说至关重要。Vim作为一款历史悠久且功能强大的文本编辑器，以其高度可定制性和高效的操作方式深受程序员喜爱。今天我们要向您推荐一个专门针对JavaScript的Vim插件——vim-javascript...
探秘Vim.js：JavaScript实现的Vim编辑器
gitblog_00057的博客
05-09 305
探秘Vim.js：JavaScript实现的Vim编辑器 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 Vim.js，由Lu Wang开发，是一款专为非新手设计的工具/玩具，它将经典的Vim编辑器完全移植到了JavaScript中。这个项目不仅提供了一个在线体验的版本，还有多种变体，包括基于NW.js、Firefox扩展、Asyncify和Streamline.js的...
VIM神器打造Javascript开发环境
weixin_30853329的博客
04-01 111
http://xuyufish.com/vim%E7%A5%9E%E5%99%A8%E6%89%93%E9%80%A0javascript%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83/ 转载于:https://www.cnblogs.com/kevinkevin/p/4382615.html
linux vim javascript,VIM的JavaScript补全
weixin_39847722的博客
05-14 178
VIM的JavaScript补全最近微软出了个Visual Studio Code，听说很diao，尤其是对JavaScript的补全支持很令人惊艳！如果你是一个vim党，那么请淡定！在JavaScript开发过程中，使用vim内置的ins-completion再加上一些插件，我们同样可以获得很牛逼的completion支持！ins-completionvim其实已经提供了很好的代码补全支持。整行...
如何用 Vim 写 JavaScript 和 HTML
01-10 7282
如何用 Vim 写 JavaScript 和 HTML June 17, 2012 admin 2 Comments Send to Kindle 最近在开发一个网站，用的编辑器是 Vim。发现 Vim 对 JavaScript 和 HTML 的自动缩进很差，基本上不能用。所以我就在网上找自动缩进插件，找了好久，最后自己使用后发现这两款插件不错。 Simple Javascript I
VIM下javascriptcomplete.vim进行修改使得补全更全面
LoveJelly
12-25 1439
首先说一下我的环境，Centos 7 64位。我直接使用的javascriptcomplete.vim对js进行补全，补全的时候有些问题，举例如下: 如果我直接var a=new XMLHTTPRequst(); 然后调用a的方法可以进行补全。但是我们知道有的时候会将XMLHTTPRequest进行一定的封装，用一个单独的函数来返回。这个时候a调用这些方法就无法正常的补全了。我修改了一下java
探索JavaScript库语法高亮插件：`javascript-libraries-syntax.vim`
gitblog_00054的博客
04-14 388
探索JavaScript库语法高亮插件：javascript-libraries-syntax.vim 去发现同类优质开源项目:https://gitcode.com/ 在这个数字时代，代码编辑器和其相关的增强工具对开发者来说是不可或缺的伙伴。其中，Vim作为一款久负盛名的文本编辑器，因其高效、可定制化的特点而深受程序员喜爱。今天，我们将介绍一个特别为Vim设计的插件——，它将提升你的JavaSc...
vim搭建c++开发环境
03-23
1. 安装vim 在Linux系统中，vim通常已经预装了。如果没有安装，可以使用以下命令安装： ``` sudo apt-get install vim ``` 2. 配置vim 在vim中，可以通过配置文件.vimrc来配置vim。可以使用以下命令创建.vimrc文件： ``` vim ~/.vimrc ``` 在.vimrc文件中添加以下内容： ``` syntax on set nu set tabstop=4 set shiftwidth=4 set expandtab set autoindent set cindent ``` 这些配置将会： - 打开语法高亮 - 显示行号 - 设置制表符宽度为4个空格 - 设置缩进宽度为4个空格 - 将制表符转换为空格 - 自动缩进 - 使用C语言缩进 3. 安装插件 vim有很多插件可以增强其功能。以下是一些常用的插件： - YouCompleteMe：自动补全插件 - NERDTree：文件浏览器插件 - Tagbar：显示代码结构的插件 - CtrlP：快速查找文件的插件 可以使用vim插件管理器Vundle来安装插件。首先，需要安装Vundle： ``` git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim ``` 然后，在.vimrc文件中添加以下内容： ``` set rtp+=~/.vim/bundle/Vundle.vim call vundle#begin() Plugin 'VundleVim/Vundle.vim' Plugin 'Valloric/YouCompleteMe' Plugin 'scrooloose/nerdtree' Plugin 'majutsu-no-ierukana/tagbar' Plugin 'kien/ctrlp.vim' call vundle#end() ``` 保存并退出.vimrc文件，然后在vim中执行以下命令安装插件： ``` :PluginInstall ``` 安装完成后，可以在.vimrc文件中配置插件。例如，以下是配置YouCompleteMe插件的示例： ``` let g:ycm_global_ycm_extra_conf = '~/.vim/bundle/YouCompleteMe/third_party/ycmd/cpp/ycm/.ycm_extra_conf.py' let g:ycm_autoclose_preview_window_after_completion = 1 let g:ycm_key_invoke_completion = '<C-Space>' ``` 以上配置将会： - 设置YouCompleteMe的配置文件路径 - 自动关闭自动补全窗口 - 设置自动补全快捷键为Ctrl+Space 4. 使用vim进行C语言开发 在vim中，可以使用以下命令打开C语言文件： ``` vim example.c ``` 在C语言文件中，可以使用以下命令编译并运行程序： ``` :!gcc % -o example && ./example ``` 以上命令将会： - 使用gcc编译当前文件 - 将编译后的可执行文件命名为example - 运行example程序 可以使用以下命令保存并退出vim： ``` :wq ``` 以上是在Linux系统中搭建C语言开发环境的步骤。在Windows系统中，可以使用vim for Windows来搭建开发环境。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值