1. ubuntu安装vim编辑器。默认情况下,vim在运行的时候会加载~/.vimrc文件里的配置文件,如果在~目录下不存在这个配置文件可以手动创建。
  2. 在~/.vim目录下是vim的插件加载的位置,可以在这个文件夹下放置多个插件。
  3. 首先安装一个vim插件的管理器pathogen插件。我们按照常规把pathogen.vim安装在autoload文件夹下,这样vim就会自动加载插件的时候找到pathogen,然后我们把其余的插件都安装在bundle文件夹下,由pathogen路由给vim。配置如下
    harvey@harvey:~/.vim$ mkdir -p ~/.vim/autoload ~/.vim/bundle #创建安装vim插件的文件夹bundle和antoload
    harvey@harvey:~/.vim$ ls ~/.vim #查看结果
    autoload bundle harvey@harvey:~/.vim$ git clone https://github.com/tpope/vim-pathogen.git #从git上同步下来pathogen项目
    Cloning into 'vim-pathogen'...
    remote: Reusing existing pack: 501, done.
    remote: Counting objects: 4, done.
    remote: Compressing objects: 100% (3/3), done.
    remote: Total 505 (delta 0), reused 0 (delta 0)
    Receiving objects: 100% (505/505), 85.89 KiB | 35.00 KiB/s, done.
    Resolving deltas: 100% (146/146), done.
    Checking connectivity... done
    harvey@harvey:~/.vim$ ls
    autoload bundle vim-pathogen
    harvey@harvey:~/.vim$ tree vim-pathogen #查看文件结构如下
    vim-pathogen
    |-- CONTRIBUTING.markdown
    |-- README.markdown
    `-- autoload
    `-- pathogen.vim 1 directory, 3 files
    harvey@harvey:~/.vim$ mv vim-pathogen/autoload/pathogen.vim autoload/ #把pathogen.vim移动到autoload文件夹下

    到此,pathogen安装完毕,我们需要配置文件,因为是第一个配置~/.vimrc。所有配置文件统一在下面粘贴。插件网址:https://github.com/tpope/vim-pathogen

  4. NerdTree是可以查看当前工作的目录和子目录的tree结构
    cd ~/.vim/bundle
    git clone https://github.com/scrooloose/nerdtree.git

    直接用::NERDTree就可以打开这个工具栏。但是为了安装使用方法 我们使用nmap <f2>  :NERDTree配置快捷键 可以用?查看帮助

  5. 安装node.js插件
    cd  ~/.vim/bundle
    git clone https://github.com/moll/vim-node.git ~/.vim/bundle/node

配置文件:

Vim配置Node.js开发工具的更多相关文章

  1. 2015年最佳的15个 Node.js 开发工具

    Node.js 越来月流行,这个基于 Google V8 引擎建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.在本文中,我们列出了2015年最佳的15个 Node.js 开发工具.这些工具 ...

  2. 推荐近期15个 Node.js 开发工具

    近来Node.js 越来月流行了,这个基于Google V8 引擎建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.在本文中,我们列出了2015年最佳的15个 Node.js 开发工具.这些 ...

  3. 推荐15个月 Node.js 开发工具

    Node.js 越来月流行.这个基于 Google V8 引擎建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.在本文中.我们列出了2015年最佳的15个 Node.js 开发工具.这些工具 ...

  4. mac下配置Node.js开发环境、express安装、创建项目

    mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...

  5. 浅试WebStorm配置Node.js开发环境

    web前端开发IDE一直喜欢用WebStorm,这里简单介绍如何用WebStorm搭建一个Node.js开发环境. 首先,需要在本地安装好node.js,以及npm包管理工具.你也可以吧node.js ...

  6. 我用的一些Node.js开发工具、开发包、框架等总结

    开发工具 1.WebStorm,毫无疑问非他莫属,跨平台,强大的代码提示,支持Nodejs调试,此外还支持vi编辑模式,这点我很喜欢. 2.做些小型项目用Sublime Text. 3.Browser ...

  7. Node.js开发工具、开发包、框架等总结

    开发工具 1.WebStorm,毫无疑问非他莫属,跨平台,强大的代码提示,支持Nodejs调试,此外还支持vi编辑模式,这点我很喜欢.2.做些小型项目用Sublime Text.3.Browserif ...

  8. Notepad++ 配置 Node.js 开发环境

    首先安装一个notepad++的插件NppExec,在Notepad++的Plugin Manager里面进行安装. 安装完后,在这个插件的菜单里面选择Execute 在对话框中输入以下的内容: if ...

  9. sublime text3配置node.js开发环境

    今天配置sublime下node.js网上搜索很多方法. 首先:传统的方法是 1.GIT方法 可直接输入 Git clone https://github.com/tanepiper/SublimeT ...

随机推荐

  1. 求熵 python 代码

    #coding=gbk import nltk import math def entropy(labels): freqdist = nltk.FreqDist(labels) #Frequency ...

  2. 什么是Docker?(6-12)

    关于什么是Docker,刚开始学的时候一脸懵X,这个东西到底是干嘛用的啊?偶然间在知乎上刷到一个比较通俗的解释: Docker就相当于一个容器,这个容器了不得了,它里面能搭好你项目需要的所有环境,并且 ...

  3. BZOJ1509 & 洛谷4408:[NOI2003]逃学的小孩——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=1509 https://www.luogu.org/problemnew/show/P4408 sb ...

  4. BZOJ1031:[JSOI2007]字符加密——题解

    http://www.lydsy.com/JudgeOnline/problem.php?id=1031 喜欢钻研问题的JS同学,最近又迷上了对加密方法的思考.一天,他突然想出了一种他认为是终极的加密 ...

  5. C++中static用法

    本文为个人学习笔记,参考<C++ Primer(中文第五版)>和<王道程序员求职宝典> 本文分为两个部分:不考虑类.类中static的作用 一.不考虑类,static的作用 1 ...

  6. POJ1742 Coins(男人八题之一)

    前言 大名鼎鼎的男人八题,终于见识了... 题面 http://poj.org/problem?id=1742 分析 § 1 多重背包 这很显然是一个完全背包问题,考虑转移方程: DP[i][j]表示 ...

  7. 剑桥offer(51~60)

    51.题目描述 给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回.注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针. /* struct TreeLinkNode { ...

  8. H5背景音乐自动播放(兼容微信IOS,进程后台切换自动停止播放,本文例子为Vue写法)

    <template> <audio src="./static/music.mp3" id="bgMusic" preload="a ...

  9. maven打包jar源码至私服

    1. setting文件 配置私服中设置的用户和密码 <servers> <server> <id>releases</id> <username ...

  10. 使用restClient工具发送post请求并带参数

    运行 restClient 点 Method选项卡,选中post方法 然后切换到 Body选项卡,点右边的 倒三角,选 String body 出现如下窗口: 点击右边红圈里的按钮,弹出窗口: 点是, ...