文档章节

Vim Plugins For Node.js

cyper
 cyper
发布于 2014/04/24 02:25
字数 790
阅读 4.8K
收藏 2

使用Vim作为Node.js的IDE环境也是个不错的选择。

Vim: http://www.vim.org/download.php

Node.js在Github上也有一篇关于Vim插件的推荐文章。

https://github.com/joyent/node/wiki/Vim-Plugins

下面就整理一下配置Vim的一些步骤。

1. Pathogen

这是Vim中用来方便管理插件的插件,有了它,之后介绍的很多插件安装就会显得简单。

在~\vimfiles下新建两个文件夹,~\vimfiles\autoload和~\vimfiles\bundle

复制pathogen.vim到~\vimfiles\autoload\pathogen.vim

记事本打开~\_vimrc,在最后加入如下代码:

"自动缩进
set autoindent
"语法高亮
syntax on
"自动检测文件类型并加载相应的设置
filetype plugin indent on
"不自动换行
set nowrap
"智能对齐方式
set smartindent
"一个tab是4个字符
set tabstop=4
"按一次tab前进4个字符
set softtabstop=4
"显示行号
set number
"缺省不产生备份文件
set nobackup

call pathogen#infect()





2. Tabular

Vim中的代码对齐插件,可以实现各种各样的对齐功能

命令行进入~\vimfiles\bundle,使用git命令

git clone git://github.com/godlygeek/tabular.git

打开Vim,键盘输入建立文档索引

:helptags ~\vimfiles\bundle\tabular\doc

可输入下面命令来查看帮助文档

:help tabular

常用命令如下

:Tab /= 等号对齐
:Tab /:        冒号对齐
:Tab /:\zs     冒号后的文字对齐

效果图

3. jshint

JS语法查错插件

命令行进入~\vimfiles\bundle,使用git命令

git clone https://github.com/walm/jshint.vim.git

打开Vim,键盘输入建立文档索引

:helptags ~\vimfiles\bundle\jshint.vim\doc

可输入下面命令来查看帮助文档

:help jshint

常用命令如下

:JSHint

效果图

4. Syntastic

这是VIM中针对语法检查的扩展应用,可以更准确的定位到语法错误点

命令行进入~\vimfiles\bundle,使用git命令

git clone https://github.com/scrooloose/syntastic.git

打开Vim,键盘输入建立文档索引

:helptags ~\vimfiles\bundle\syntastic\doc

可输入下面命令来查看帮助文档

:help syntastic

效果图

5. Vim-JavaScript

JavaScript语法高亮

命令行进入~\vimfiles\bundle,使用git命令

git clone https://github.com/pangloss/vim-javascript.git

6. Jade

Jade模板语法高亮

命令行进入~\vimfiles\bundle,使用git命令

git clone git://github.com/digitaltoad/vim-jade.git

7. CoffeeScript

CoffeeScript语法高亮

命令行进入~\vimfiles\bundle,使用git命令

git clone https://github.com/kchmck/vim-coffee-script.git

8. Stylus

Stylus语法高亮

命令行进入~\vimfiles\bundle,使用git命令

git clone https://github.com/wavded/vim-stylus.git

9. SnipMate

Vim中的Code Snippets

解压缩snipMate.zip到~\vimfiles

修改_vimrc,在最后一行加入

"设置代码片段目录 let snippets_dir = $VIM.'\vimfiles\snippets\'

打开Vim,键盘输入建立文档索引

:helptags ~\vimfiles\doc

可输入下面命令来查看帮助文档

:help snipmate

10. nodejs-snippets

Vim snippets for Node.js

git获取

git clone https://github.com/jamescarr/snipmate-nodejs.git

复制snippets文件夹到~\vimfiles\snippets

11. vim-node

Vim Dictionary for Node.js

git获取

git clone https://github.com/guileen/vim-node.git

复制dict文件夹到~\vimfiles\dict

修改_vimrc,在最后一行加入

"添加字典文件 au FileType javascript set dictionary+=$VIM.'\vimfiles\dict\node.dict'

12. vim-nodejs-complete

Vim代码提示 for Node.js

git获取

git clone https://github.com/myhere/vim-nodejs-complete.git

复制after文件夹到~\vimfiles\after

使用方法:在编辑js代码时候,按ctrl-x和ctrl-o进入提示模式。

效果图

本文转载自:http://www.cnblogs.com/canmusic/archive/2013/04/08/3006564.html

cyper

cyper

粉丝 59
博文 684
码字总数 142971
作品 0
武汉
前端工程师
私信 提问
Jenkins + Git + Nginx 一键部署前端静态站点

场景:使用 Jenkins 和 Github 在 CentOS 服务器上实现一键部署前端静态站点。 主要流程: Jenkins 从 Github 上拉取代码,执行一些操作,比如打包、跑单元测试等。然后再部署到 CentOS 服务...

liuwei9413
2019/07/10
0
0
通过idea运行nodejs项目

因为本身一直做java开发,后来接触了几次nodejs项目,都是用命令+文本开发,今天有时间整理一下如何用 Idea 运行nodejs项目 首先安装nodejs插件 File-> Settings->Plugins 搜索nodejs,这时候...

小海bug
2018/12/06
2.6K
0
在 Linux 下源码安装 Node.js

1 下载 Node.js wget http://nodejs.org/dist/v0.10.22/node-v0.10.22.tar.gz 2 安装 Node.js 1) 解压安装包 tar -zxf node-v0.10.22.tar.gz cd node-v0.10.22/ 2) 编译并安装 ./configure ......

黄勇
2013/11/16
538
1
nodejs v8.9.4 安装

一.安装 环境Centos7.3 64位 wget https://nodejs.org/dist/v8.9.4/node-v8.9.4.tar.gz cd node-v8.9.4/ ./configure --prefix=/usr/local/nodejs make make install 二.nodejs设置环境变量 ......

yaozhaosheng
2018/06/26
0
0
Windows下nodejs开发环境搭建

1、http://nodejs.org/下载node.js运行环境安装 2、打开DOS命令行 .安装express框架 >npm install express 末尾显示如下为安装成功 .安装mysql模块 npm install mysql 末尾显示如下为安装成功...

Not
2012/11/24
2.5K
4

没有更多内容

加载失败,请刷新页面

加载更多

今日头条技术架构分析,看这篇就对了!

点击上方 "程序员小乐"关注, 星标或置顶一起成长 每天凌晨00点00分, 第一时间与你相约 每日英文 Anywhere, it is a good in the past, recall the number of times many, all would be ligh......

吧主
4分钟前
9
0
影响K8S Pod分配和调度策略的两大关键特性

在Kubernetes中有一个最复杂的调度器可以处理pod的分配策略。基于在pod规范中所提及的资源需求,Kubernetes调度器会自动选择最合适的节点来运行pod。 但在许多实际场景下,我们必须干预调度过...

RancherLabs
6分钟前
25
0
Linux笔记

Linux常用命令之chmod修改文件权限777和754 示例:chmod 777 /etc/squid 运行命令后,squid文件夹(目录)的权限就被修改为777(可读可写可执行)。...

owenzhang24
10分钟前
11
0
教你如何在CentOS7系统上安装postgreSQL11

本文教你如何在CentOS7系统上安装postgreSQL11。 1.添加PostgreSQL Yum存储库 sudo yum install https://download.postgresql.org/pub/repos/yum/11/redhat/rhel-7-x86_64/pgdg-centos11-11-......

Linux就该这么学
17分钟前
25
0
欧盟将禁止公共场所人脸识别:谷歌支持,微软反对

   来源:新浪、VB   近日,彭博社披露的一份欧盟人工智能“白皮书”草案显示,欧盟计划对人工智能开发者提出具有法律约束力的新要求,以确保现代科技的开发和使用符合道德规范。    ...

水果黄瓜
21分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部