专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

vim

  • VIM使用mswin.vim,vit不能全选tag内容的解决

    / 分类: 工具 / 6 Comments

    问题描述,比如下面的代码:<p>abcd1234中文</p>
    按vit既是选择p标签内的内容,但是因为最后的一个字符是中文,“文”字并没有选择到(纯英文或者数字是没问题的)。
    这个是使用mswin.vim导致的问题,源于mswin里的:behave mswin
    Ps: mswin是作者写的一个方便win用户使用习惯的插件

    "behave mswin =下面这四行,help behave可以看到vim的帮助
    set selectmode=mouse,key
    set mousemodel=popup
    set keymodel=startsel,stopsel
    set selection=exclusive

    而问题是selection=exclusive引起的,解决办法:
    1、注释掉vimrc里mswin.vim(这样win用户可能觉得很不方便,需要适应vim的默认快捷键)
    2、" behave mswin - 注释掉mswin里面的这句。在下面添加
    set selectmode=mouse,key
    set mousemodel=popup
    set keymodel=startsel,stopsel
    Ps:上面把selection=exclusive去掉了,即:selection=inclusive(光标所在位置也属于被选中的范围)
    3、在vimrc里添加:nnoremap vic vitl
    说明tag内只有英文或数字,按vit;当最后一个字符是中文,按vic,就可以选择最后的中文字符了。

  • 在VIM里 调用多种浏览器 预览html php 等文件

    / 分类: 工具,实践 / 25 Comments

    最近这段时间睡眠严重不足,脑袋发晕的时候就要放送下,so改善vim。产生个想法:把自己喜欢的editplus的功能都搞到vim上面来。这个就是其中之一:在浏览器中预览当前文件。有时间的话,可能要写点从editplus转型到VIM的东西。

    优点1:
    囊括了主要的浏览器:chrome、firefox、oprea、ie、ietester(随自己喜欢可以增加更多,比如safari),浏览器的简称:cr、ff、op、ie、ie6、ie7、ie8、ie9、iea,简称、路径以键值对方式都保存到browsers中。
    上面的简称大部分人应该都明白了,ie就是系统默认的ie,最后一个iea是在ietester中使用所有版本的ie同时预览(IE5.5-IE9)。

    IETester 的Arguments可以见 : http://www.my-debugbar.com/wiki/IETester/CommandLineArguments

    优点2:
    本地文件自动以file://开头或http://开头的两种方式预览。如果文件在htdocs就用http方式打开,否则用file方式。
    file://开头的地址预览html一般没问题,但是预览php或aspx等就显得苍白无力了。这里可以设置一个htdocs/wwwroot的文件夹地址,然后预览的时候匹配文件是否在这个文件夹内(支持子目录),如果在就用http://方式打开,否则就用file://方式。

    无论前端开发者或者程序员都及其适合。自夸完毕,下面说下使用:
    在_vimrc中加入下面的代码,然后按F4+cr - 在chrome预览,F4+ff  - 在firefox下预览……。方式就是F4+浏览器简称(应该比用F4+1234的数字形式便于记忆)。当然,这个完全可以自己diy的。

    下面fuc里面的浏览器地址需要自己修改,我的文件夹目录和你的可能是有不同的。还有htdocs文件夹、本地的预览的端口号,我使用的是8090.

    " 在浏览器预览 for win32
    function! ViewInBrowser(name)
        let file = expand("%:p")
        exec ":update " . file
        let l:browsers = {
            \"cr":"D:/WebDevelopment/Browser/Chrome/Chrome.exe",
            \"ff":"D:/WebDevelopment/Browser/Firefox/Firefox.exe",
            \"op":"D:/WebDevelopment/Browser/Opera/opera.exe",
            \"ie":"C:/progra~1/intern~1/iexplore.exe",
            \"ie6":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie6",
            \"ie7":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie7",
            \"ie8":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie8",
            \"ie9":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie9",
            \"iea":"D:/WebDevelopment/Browser/IETester/IETester.exe -all"
        \}
        let htdocs='E:\\apmxe\\htdocs\\'
        let strpos = stridx(file, substitute(htdocs, '\\\\', '\', "g"))
        if strpos == -1
           exec ":silent !start ". l:browsers[a:name] ." file://" . file
        else
            let file=substitute(file, htdocs, "http://127.0.0.1:8090/", "g")
            let file=substitute(file, '\\', '/', "g")
            exec ":silent !start ". l:browsers[a:name] file
        endif
    endfunction
    nmap <f4>cr :call ViewInBrowser("cr")<cr>
    nmap <f4>ff :call ViewInBrowser("ff")<cr>
    nmap <f4>op :call ViewInBrowser("op")<cr>
    nmap <f4>ie :call ViewInBrowser("ie")<cr>
    nmap <f4>ie6 :call ViewInBrowser("ie6")<cr>
    

    另外有同学想要linux下面的例子, 我没有环境, Mac下面这样是OK的,可以参考:

    " 在浏览器预览 for Mac
    function! ViewInBrowser(name)
        let file = expand("%:p")
        let l:browsers = {
            \"cr":"open -a \"Google Chrome\"",
            \"ff":"open -a Firefox",
        \}
        let htdocs='/Users/leon1/'
        let strpos = stridx(file, substitute(htdocs, '\\\\', '\', "g"))
        let file = '"'. file . '"'
        exec ":update " .file
        "echo file .' ## '. htdocs
        if strpos == -1
            exec ":silent ! ". l:browsers[a:name] ." file://". file
        else
            let file=substitute(file, htdocs, "http://127.0.0.1:8090/", "g")
            let file=substitute(file, '\\', '/', "g")
            exec ":silent ! ". l:browsers[a:name] file
        endif
    endfunction
    nmap <Leader>cr :call ViewInBrowser("cr")<cr>
    nmap <Leader>ff :call ViewInBrowser("ff")<cr>
    
  • vim使用autocomplpop插件编辑html文件错误的解决

    / 分类: 工具 / 8 Comments

    autocomplpop插件绝对是一个出色的插件,边输入边提示,使VIM看起来像IDE了。废话不多说了,使用autocomplpop编辑html文件时,比如输入"<div " (DIV空格),这时会弹出提示来,当选择[class=" CDATA]或者[id=" ID]时,VIM会报错:

    Error detected while processing function htmlcomplete#complete tags:

    line 304

    E121: Undefined variable :classlines

    下面提供两个解决方法:

    1、我的:把plugin/acp.vim 的35/36行(html/xhtml那里 )删除掉,100-104/106-110行 删除或者注释掉。

    2、我也发了邮件给作者,他说没有发现任何问题(可能他用的LINUX),经过两次交流,他发给我个地址:http://likealunatic.jp/2009/09/29_acpvim.php,这里的方法是:编辑:autoload/htmlcomplete.vim,

    245-256行注释掉(246、247不注释),294-310行注释掉(295、296、307、308不注释)

    推荐第二种,因为我的方法,在html下面没有autocomplpop的功能了,当然,如不需要HTML的提示也可以用第一种。

  • 加入VIM阵营了

    / 分类: 生活 / No Comments


    刚接触vim应该是2年前吧,到现在才去尝试把它作为自己的主要编辑器。VIM的界面实在太普通,貌似是从史前一万年座时空穿梭机来的,这点绝对是让很多人不想接触它的原因之一,不过我们使用gVim,下几个配色方案、插件或者别人的配置,感觉会舒服许多。



    VIM是世界第1还是第二不做比较,选择适合自己的就够了。VIM可制定性很强大,而且插件N多,虽然开始有些不适,需要在下面打一些命令。但是我会强制多使用它的,用熟练了是绝对可以提高效率地。

    优秀的软件的发展应该就要走这个路线,自己本身提供最基本的功能,然后超强的可制定性,加上很多好用的插件等待你去发掘。比如:前端开发er必备的firefox。

    但是Editplus也算是比较优秀的编辑器,缺点就是制定性有限(还有,是收费的:))。ed自己配置后,很多功能也是可以用快捷键实现,开发效率也是比较快的。目前的状况是vim有的ed没有,ed有的vim(可能还)没有。所以一段时间内,这两个都是我不可或缺的软件。



    使用vim,推荐看看这篇文章,http://blog.chinaunix.net/u/3514/showart.php?id=1974190

    http://vimcdoc.sourceforge.net/ 这里的pdf手册

    或者在线阅读:http://vimcdoc.sourceforge.net/doc/help.html

    VIM的命令实在太多,如果一个人能熟练使用它所有的命令,那他一定是个使用VIM很多年的大牛了。不要太贪,想一下就可以驾驭它,可以慢慢去发掘,慢慢去体会。



    另外再推荐一个VIM插件:autocomplpop(语法自动提示,像VS2008、DW的提示,很好很强大)http://www.vim.org/scripts/script.php?script_id=1879

    还有:snipMate(tab键代码段补全(仿MAC下的TextMate的补全))http://www.vim.org/scripts/script.php?script_id=2540,针对不同的文件类型可以自己制定,发现没有css制定的,粗略看了下它里面的注释是用的#号开头,应该会和css里面的冲突,不过用了:autocomplpop这点完全可以忽略了。

    autocomplpop的确是很不错的插件,这个插件应该会让很多使用其他编辑器的人加入VIM阵营吧~

    在推荐2个防TextMate的配色方案

        eclm_wombat.vim:    http://www.vim.org/scripts/script.php?script_id=2490

        blackboard.vim:        http://www.vim.org/scripts/script.php?script_id=2280

        vim72\colors\里面自带的:desert.vim、slate.vim也是不错的


    google的 Closure Compiler 真的很强大,压缩js效果很好。