• ubuntu下配置VIM做PHP的IDE开发环境


    转自:http://blog.csdn.net/phpdata/article/details/8517375

    用到了NERDtree,taglist,AutoComplPop,ZenCoding插件和一些

    配置,具体步骤记录下:

    安装vim

    设置在上篇文章:这里有介绍

    上述设置启用了格式化高亮、行号显示,以及括号匹配、自动缩进等编辑功能,对于大多数情况都可以获得理

    想的编辑体验。不过此时对.php文件的支持还不完善,需要下载专门的php插件。

    下载地址:http://download.csdn.net/download/akmumu2010/4745210
    下载文件:php.tar.gz

    将其中的php.vim复制到$VIMvimfilessyntax目录中即可。$VIM根据不同系统不同,我的是ubuntu,执行

    whereis vim :

    root@Cyrec-desktop:/usr/share/vim/vimfiles# whereis vim
    vim: /usr/bin/vim /usr/bin/vim.basic /etc/vim /usr/share/vim /usr/share/man/man1/vim.1.gz 可以找到vim安装

    在/usr/share/vim中,下面的/usr/share/vim都用$VIM代替。

    一开始在设置里更换主题一直无法显示,后来找到问题的原因:

    一般的Linux发行版默认的终端都是16色的,但事实上几乎所有的终端都支持256色终端。

    1.将Terminal设为Xterm模式:编辑->配置文件首选项->颜色 设置为自定义,内置方案选择XTerm.

    2.vimrc里设置:set t_Co=256

    然后就可以随便color自己喜欢到主题了。我是用的:colorscheme desert。

     

    打造PHP IDE

    IDE左侧是目录导航,中间是编辑区域,而右侧则是方法列表,用于在已经打开的文件中快速跳转。在编辑区

    域按下CTRL+X键,还会显示已打开文件的列表。

    其他诸如自动补全、代码模板等功能,都应有尽有。看过了漂亮的截图,我们就来一步步打造PHP IDE吧。

    用NERDTree实现目录导航

    在进行PHP应用开发时,同时编辑多个文件是很正常的事情。所以必须有一个方便的目录导航工具,以便在目

    录结构间快速切换,找到需要编辑的文件。

    vim中提供该类功能的插件很多,比较知名的有project、winmanager等。但笔者个人认为最好用的还是The

    NERD Tree这个插件。NERDTree不但可以显示完整的目录树结构,还可以将任何一个目录设置为根目录。并

    且提供了目录导航的书签功能,可谓非常方便。

    下载地址:http://download.csdn.net/download/akmumu2010/4745226
    下载文件:NERD_tree.zip

    解压缩时,要把压缩包中的目录结构完整的解压缩到$VIMvimfiles目录中。完成后,应该分别找到$VIM

    vimfilesdocNERD_tree.txt文件和$VIMvimfilespluginNERD_tree.vim文件。然后在vim中输入命令:helptags

    $VIMvimfilesdoc,将NERDTree的帮助文档添加到vim中。

    最后在_vimrc添加如下内容:

    " NERDTree

    map <F8> :NERDTreeToggle<CR>

    上述格式一定要正确,看好空格,不然不可以,而且保证你这个F8不和其他冲突,我的就和有道冲突了

    重启vim后,按下F8键,就可以在左侧看到一个目录树了。在目录树窗口中按下?键可以查看详细的帮助信息

    最常用的操作键有:

    按键 作用
    C(大写C键) 将光标所在目录设置为根目录
    u(小写u键) 转到上一级目录
    o(小写o键,不是“零”) 展开(或折叠)光标所在目录的子目录。如果光标所在位置是一个文件,则在编辑窗口中打开该文件

    此外在目录树窗口中输入目录:Bookmark 收藏名还可以将光标所在目录添加到收藏夹中。下次使

    :BookmarkToRoot 收藏名可以直接转到该目录,并且以该目录作为根目录。更多命令可以参考NERDTree的

    帮助文档。

    用taglist实现代码导航

    解决了目录和文件导航问题,我们还要为代码之间的跳转提供辅助手段,taglist就是这样一个插件。taglist可以

    列出已打开文件中定义的类、函数、常量,甚至变量。

    下载地址:http://download.csdn.net/download/akmumu2010/4745259
    下载文件:taglist_45.zip

    压缩包需要完整解压缩到$VIMvimfiles目录,并且用:helptags $VIMvimfilesdoc命令索引taglist插件的帮助文

    档。taglist插件需要依赖ctags程序才能工作。目前常用的ctags版本是Exuberant Ctags。

    sudo apt-get install ctags,然后whereis ctags,找到ctags: /usr/bin/ctags 这目录下的ctags。

    你也可以直接下载安装

    地址:http://download.csdn.net/download/akmumu2010/4745500

    解压ctags:tar -zxcf ctags-5.8.tar.gz

    进入ctags:cd ctags-5.8

    打上PHP补丁(否则按下ctrl+n,连基本的function include等函数都出不来):

    wget http://svn.bitflux.ch/repos/public/misc/ctags-php5.patch

    patch php.c ctags-php5.patch

    编译安装:

    ./configure

    make

    sudo make install

    经过这三步后就生成 /usr/local/bin/ctags

     

    继续回来修改~/.vim/plugin/taglist.vim

    在 if !exists('loaded_taglist')上面加入

    let Tlist_Ctags_Cmd="/usr/local/bin/ctags"

    或加在~/.vim/.vimrc文件,只要能让vim开启时加载的*.vim文件即可

    此时Ctags和Taglist已经结合起来,再用vim编辑php文件, 执行 :TlistToggle 就会在右边出现一个当前文件的类 函数 变量 等东西

    还记得我们使用netbeans eclipse等大型开发工具的时候吗,按着 ctrl + 鼠标左键 点击一个函数,就会跳转到该函数定义处,他其实也是使用的tags跟踪跳转,只不过他们会自动去扫描源码目录,生成一个tags文件(是否曾经为 netbeans没完没了的扫描崩溃过?),而vim需要我们自己去生成这个tags。这个功能对代码跟踪非常有好处,下面我们就来实现他

    在相应的源码目录运行ctags -R产生相应的tags文件

    cd ~/www/mysite

    ctags -R *

    打开vim

    :cd ~/www/mysite

    :set tags=tags

    现在,我们设置好了tags选项,接下来我们使用它,我们先来查找一个名叫make_html的方法:

    方法一:

    :tag make_html

    如果make_html方法的定义只存在一个文件中你会看到VIM打开了该文件,并把光标定位到make_html方法所在行上。

    如果make_html方法的定义存在多个文件中,会提示:

    找到 tag:1 / 14 或更多

    这时我们可以列出保护这个方法的所有文件

    :tselect "显示列表

    这时会列出所有文件,让我们选择一个文件打开

    # pri kind tag 文件
    > 1 F C f make_html function/my_function.php
    2 F f make_html xxx/xxx.php
    键入数字和回车(empty cacels) :

    根据提示输入我们想查看的文件对应的序号然后回车就可以了。

    :tn "显示后一个tag到的PHP文件
    :tp "显示前一个tag到的PHP文件
    :tags "显示标签栈

    我们还可以把鼠标停留在想要跳转的 类 函数 变量 上面,然后按 ctrl + ] ,回到原来位置是 ctrl + t

    方法二:

    把鼠标停留在 make_html 上面,然后按ctrl+],怎么样,和直接输入:tag make_html 是一模一样的吧

    现在,我们已经跳转到make_html函数的定义处,看到了函数的详细定义,明确知道如何使用这个函数了,那怎么回到原来的位置呢,答案是按 ctrl+o 返回。

    小技巧:

    细心的朋友可能会发现,作为一个强大的IDE,还应该解决以下几个问题:

    1.左边目录树结构不变。

     

    2.代码块注释,删除注释。

    3.代码块缩进,删除缩进。

    解决问题:

    1.一般情况下,我们会以标签的方式打开一个文件(让光标停留在一个要打开的文件上,按 t ),此时左边没有目录树,输入 :NERDTreeToggle打开目录树,此目录树为新建的,和第一个文件的目录树结构不同,这不符合我们普通IDE的习惯,还记得我们用 Netbeans之类的编辑器吗?左边的目录书结构一直没变,其实是所有文件共享一颗树的原因,NERDTree也允许我们共享树,命令是 :NERDTreeMirror,结合Tlist,我的快捷方式定义如下:

     

    1. map :NERDTreeToggle
    2. map :TlistToggle
    3. map t :NERDTreeMirrorgTwgtw
    map  :NERDTreeToggle map  :TlistToggle map  t :NERDTreeMirrorgTwgtw

     

    现在,看看我写代码的习惯:

    首先,打开vi编辑器。

    按 F2 打开目录树

    把光标停留在需要建立标签的文件夹上, :Bookmark 收藏名。

    以后只需要 打开目录树,Shift+B打开收藏标签,双击一下想打开的标签,再按一次Shift+B关闭收藏标签。

    鼠标选中需要打开的文件,按 F4 快捷键 ,此时,vi会先执行 t (标签方式打开文件),再执行:NERDTreeMirror共享第一棵树,后面一串是为了保持之前打开的文件便签还是显示文件名用的。

    怎么样,效果和大型IDE差不多了吧。

    2.代码块注释,删除注释

     

    注释:ctrl+v 进入列编辑模式,向上或向下移动光标,把需要注释的行的开头标记起来,然后按大写的I,再插入注释符,比如"//",再按Esc,就会全部注释了。

    删除:ctrl+v 进入列编辑模式,选中注释部分,然后按d,就会删除注释符号。

    3.代码块缩进,删除缩进。

    缩进:选择需要缩进的代码行(键盘鼠标都可以,选中了就行),>(shift+.)

    删除:选择需要缩进的代码行(键盘鼠标都可以,选中了就行),<(shift+,)

     

    下面是我一直使用的配置文件,有兴趣的朋友可以参考一下

    .vimrc

    下面两个放在~/.vim/plugin/下

    MY_keymap.vim 键盘映射

    MY_taglist.vim taglist插件配置

     

    将ctags复制到$VIMvim72目录中即可。

    最后在/etc/vim/vimrc添加下列内容,设置好taglist插件:

    “”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"

    ” => Plugin configuration

    “”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"

    ” taglist

    let Tlist_Auto_Highlight_Tag = 1

    let Tlist_Auto_Open = 1

    let Tlist_Auto_Update = 1

    let Tlist_Close_On_Select = 0

    let Tlist_Compact_Format = 0

    let Tlist_Display_Prototype = 0

    let Tlist_Display_Tag_Scope = 1

    let Tlist_Enable_Fold_Column = 0

    let Tlist_Exit_OnlyWindow = 0

    let Tlist_File_Fold_Auto_Close = 0

    let Tlist_GainFocus_On_ToggleOpen = 1

    let Tlist_Hightlight_Tag_On_BufEnter = 1

    let Tlist_Inc_Winwidth = 0

    利用ctrl+ww来进行两个窗口之间的切换。

    在taglist窗口中,可以使用下面的快捷键:

    <CR> 跳到光标下tag所定义的位置,用鼠标双击此tag功能也一样
    o 在一个新打开的窗口中显示光标下tag
    <Space> 显示光标下tag的原型定义
    u 更新taglist窗口中的tag
    s 更改排序方式,在按名字排序和按出现顺序排序间切换
    x taglist窗口放大和缩小,方便查看较长的tag
    + 打开一个折叠,同zo
    - 将tag折叠起来,同zc
    * 打开所有的折叠,同zR
    = 将所有tag折叠起来,同zM
    [[ 跳到前一个文件
    ]] 跳到后一个文件
    q 关闭taglist窗口
    在vimrc中加下面设置可以按F6打开关闭taglist
    "函数和变量列表
    map <F6> :TlistToggle<CR>
     

    用AutoComplPop实现代码自动提示

    点击下面网址,进去下载autocomplpop插件

    http://download.csdn.net/download/akmumu2010/4745413

    下载的是一个zip文件,解压后会有三个文件夹,分别是autoload,doc,plugin。到Vim的根目录下,找到名字

    和这三个一样的文件夹。不同系统目录位置不同。我的fedora是/usr/share/vim/vimfiles

    按照文件夹对应的把里面的acp.vim和其他的什么文件都copy过去。然后重启Vim。这时候可能会有错误提示

    Error detected while processing /home/carlos/.vim/plugin/acp.vim:
    line 13:
    ***** L9 library must be installed! *****

    这是插件放出的一个错误提示,查看plugin里的acp.vim可以看到。是缺少L9 library库。这个也是需要下载的。地址在下面

    http://download.csdn.net/download/akmumu2010/4745507

    说明:哥也没有出现这个错误,不过以防万一,还是下载安装了

    下载下来,它也是一个插件形式,以同样的方式copy到Vim目录下。

    安装完后就可以了。

    再就是这个插件默认是没有设置php自动补全的,可以设置一个PHP函数字典,让其根据字典的内容进行自动

    补全。

    这个是一个PHP字典:.
    编辑配置文件.vimrc,在文件后面加上下面的代码
    au FileType php setlocal dict+=/etc/vim/php_funclist.txt
    后面跟着的是字典的目录地址,根据自己的需求存放在一个地方就好。我是放到了/etc/vim/目录下。
    
    php_funclist下载:http://download.csdn.net/download/akmumu2010/4745537

    再附加一些自动补全配置(加入到vimrc中):

    php 中 一般是会在 "$", "->", "::" 后需要出现自动补全,在 .vimrc 中加入以下代码:

    if !exists('g:AutoComplPop_Behavior')
        let g:AutoComplPop_Behavior = {}
        let g:AutoComplPop_Behavior['php'] = []
        call add(g:AutoComplPop_Behavior['php'], {
                   'command'   : "<C-x><C-o>", 
                   'pattern'   : printf('(->|::|$)k{%d,}$', 0),
                   'repeat'    : 0,
                })
    endif

    在 Vim 中实现括号自动补全:

    :inoremap ( ()<ESC>i
    :inoremap ) <c-r>=ClosePair(')')<CR>
    :inoremap { {}<ESC>i
    :inoremap } <c-r>=ClosePair('}')<CR>
    :inoremap [ []<ESC>i
    :inoremap ] <c-r>=ClosePair(']')<CR>
    :inoremap < <><ESC>i
    :inoremap > <c-r>=ClosePair('>')<CR>

    function ClosePair(char)
    if getline('.')[col('.') - 1] == a:char
    return "<Right>"
    else
    return a:char
    endif
    endf

    这样,写代码的时候不再担心会丢掉右边的括号了,尤其是函数嵌套的时候。

    安装ZenCoding插件

    http://download.csdn.net/download/akmumu2010/4745591下载压缩包,然后解压到vimfiles文件夹,和上面一样,将doc plugin

    autoload三个文件夹放到相应文件夹下。然后在vim中输入helptags /etc/vim/doc 导入帮助文件.就OK了。

    zencoing可以很方便的写html,一些常用命令:

    输入 div>p#foo$*3>a 这样的缩写,然后按 ctrl + y + , 来展开(注意那个逗号),展开后它应该是这个样子的

     <div>
          <p id="foo1">
              <a href=""></a>
          </p>
          <p id="foo2">
              <a href=""></a>
          </p>
          <p id="foo3">
              <a href=""></a>
          </p>
      </div>
    
    • 多行缩写

    输入如下:

    test1
    test2
    test3
    

    然后进入行选择模式,选中这三行按 ctrl + y + ,,接着它会提示你要使用的tag名称,TAG: 输入 ‘ul>li* 会变成如下的样子

    <ul>
        <li>test1</li>
        <li>test2</li>
        <li>test3</li>
    </ul>
    

    如果是输入blockquote,那么会变成这样

      <blockquote>
          test1
          test2
          test3
      </blockquote>
    
    • 跳转到下一个标签编辑位置

    输入ctrl + y + n 进入插入模式

    • 跳转到上一个标签编辑位置

    输入ctrl + y + N 进入插入模式

    • 更新标签中图片大小

    假如有以下内容

    <img src="foo.png" />
    

    光标移动到img标签上,按下ctrl + y + i 该插件会自动获取foo.png的大小并插入宽高属性 看起来像这个样子

    <img src="foo.png" width="32" height="48" />
    
    • 切换注释

    如有以下段

    <div>
        hello world
    </div>
    

    光标移动到此段落,输入ctrl + y + /变成

    <!-- <div>
        hello world
    </div> -->
    

    再次输入则还原

    • 生成url连接

    将光标移动到一个url上,如:

    http://www.google.com/
    

    输入ctrl + y + a 它会自动获取url页面的标题并生成一个连接

    <a href="http://www.google.com/"></a>
    

    Zen Coding官方提供的速查手册(PDF):http://zen-coding.googlecode.com/files/ZenCodingCheatSheet.pdf

    配置OK了,最后上张帅气的vim图:

  • 相关阅读:
    二进制安全的一些基础知识
    栈溢出笔记-第五天
    一次基于白盒的渗透测试
    栈溢出笔记-第四天
    Hadoop1-认识Hadoop大数据处理架构
    Kubernetes1-K8s的简单介绍
    Docker1 架构原理及简单使用
    了解使用wireshark抓包工具
    Linux系统设置开机自动运行脚本的方法
    Mariadb/Mysql 主主复制架构
  • 原文地址:https://www.cnblogs.com/txd66/p/3372940.html
Copyright © 2020-2023  润新知