我是JS&Vim的新手。哪些插件可以帮助我编写Javascript代码?
我是JS&Vim的新手。哪些插件可以帮助我编写Javascript代码?
Answers:
有一种非常简单的方法,可以使用Syntastic Vim插件将JSLint或社区驱动的jshint.com(更好的IMO)与Vim集成在一起。请参阅我的其他文章以获取更多信息。
还有一种非常干净的方法,可以使用Mozilla的DoctorJS(以前称为jsctags)添加标签列表,该方法也用在Cloud9 IDE的Ace在线编辑器中。
apt-get
,Mac的主目录brew
等)安装以下软件包:
exuberant-ctags
ctags
实际运行,exuberant-ctags
而不是预先安装的操作系统ctags
。您可以通过执行查找ctags --version
。node
(Node.js)DoctorJS
从github 克隆:git clone https://github.com/mozilla/doctorjs.git
DoctorJS
dir和make install
(您还需要make
安装该应用程序,但这是非常基本的)。
make install
暂时无法解决问题。现在,我只是将存储库bin/
目录添加到$ PATH中。有关更多信息,请参见DoctorJS的GitHub和发行页面。DoctorJS目前已死亡。有一个名为tern.js的新项目。它目前处于测试阶段,应该最终取代它。
有一个项目ramitos / jsctags,它使用tern作为引擎。就是npm install -g
这样,标记栏会自动将其用于javascript文件。
git submodule init && git submodule update
。然后做第3步
brew install ctags-exuberant
snipMate模拟TextMate的⇥插入系统,默认情况下附带了一堆有用的JS代码片段(以及其他片段)。添加您自己的极其简单。
javaScriptLint允许您根据jsl验证代码。
您也可以在vim.org上找到各种JavaScript语法文件。试试看,看看哪种最适合您以及您的编码风格。
原生全能(ctrlx- ctrlo)对我来说效果很好。您可以使用autoComplPop使它更具动态性,但有时可能会令人讨厌。
编辑,以回应tarek11011的评论:
默认情况下,acp不适用于JavaScript,您必须对其进行一些调整。这是我的操作方法(肮脏的hack,我仍然是Vim新手):
在vim-autocomplpop / plugin / acp.vim中,我添加了php
和javascript
(和actionscript
),behavs
这样看起来像:
let behavs = {
\ '*' : [],
\ 'ruby' : [],
\ 'python' : [],
\ 'perl' : [],
\ 'xml' : [],
\ 'html' : [],
\ 'xhtml' : [],
\ 'css' : [],
\ 'javascript' : [],
\ 'actionscript' : [],
\ 'php' : [],
\ }
在下面,有一系列看起来像这样的代码块:
"---------------------------------------------------------------------------
call add(behavs.ruby, {
\ 'command' : "\<C-x>\<C-o>",
\ 'meets' : 'acp#meetsForRubyOmni',
\ 'repeat' : 0,
\ })
我已经复制了这个并对其进行了一点编辑,使其看起来像这样:
"---------------------------------------------------------------------------
call add(behavs.javascript, {
\ 'command' : "\<C-x>\<C-o>",
\ 'meets' : 'acp#meetsForRubyOmni',
\ 'repeat' : 0,
\ })
并为actionscript和php执行了相同的操作。
如果要在HTML文档中编辑JS / CSS,可以在Vim的命令行中进行:set ft = html.css.javascript进行制作ctrlx- ctrlo可以按预期在JS块中的方法/属性名称和CSS块中的属性/值上工作。但是,这种方法也有其缺点(奇怪的缩进……)。
这个插件也很有用:https : //github.com/maksimr/vim-jsbeautify。它为javascript提供了完全自动格式设置。一键操作,您的代码看起来很漂亮。在粘贴代码段时也可以派上用场。它利用了流行的js-beautifier,它也可以作为在线应用程序找到。后者可以在这里找到:http : //jsbeautifier.org/。
我只使用一个特定于js的vim插件-jslint.vim- https://github.com/hallettj/jslint.vim,该插件可使用jslints规则验证您的代码,并为您提供语法错误。
修复缩进和自动格式设置(Ctrl =):JavaScript缩进
要设置缩进宽度,请将javascript.vim
文件添加到〜/ .vim / ftplugin目录中,内容如下(用于两个空格缩进):
setl sw=2 sts=2 et
~/.vimrc
:autocmd FileType javascript setlocal sw=2 ts=2 sts=2