dxcqcv
V2EX  ›  Vim

GVIM 求几个插件

  •  
  •   dxcqcv · Aug 19, 2015 · 5245 views
    This topic created in 4099 days ago, the information mentioned may be changed or developed.

    需要实现 JS HTML CSS php python 语法检验,注释快捷键,折叠函数和 DIV 等标签快捷键 ,感觉自动折叠 DIV 最难

    例子
    比如 HTML 中这种错误
    <div id="one class="miss"></div>
    CSS 中这种错
    .
    .other {}

    47 replies  •  2015-08-30 08:31:49 +08:00
    rundis
    rundis
    Aug 19, 2015
    1
    你需要 SBT3
    jsfaint
    jsfaint
    Aug 19, 2015
    3
    装 syntastic ,然后 npm install -g jsxhint
    FrankFang128
    FrankFang128
    Aug 19, 2015
    4
    WebStorm + IdeaVIM ,你最终的选择。
    FrankFang128
    FrankFang128
    Aug 19, 2015
    5


    FrankFang128
    FrankFang128
    Aug 19, 2015
    6
    折叠 div 在 WebStorm 是基础功能了
    xiaohanqing
    xiaohanqing
    Aug 19, 2015
    7
    语法检查,折叠这些功能默认是有的,快速注释可以用 tcomment 。
    :help fdm
    :help syntax
    luoqeng
    luoqeng
    Aug 19, 2015
    8
    spf13
    dxcqcv
    dxcqcv
    OP
    Aug 19, 2015
    10
    @rundis 全称是什么
    @luoqeng 全称是什么
    dxcqcv
    dxcqcv
    OP
    Aug 19, 2015
    11
    @FrankFang128 第一个 CSS 错误没出现错误提示呀
    FrankFang128
    FrankFang128
    Aug 19, 2015 via Android
    12
    @dxcqcv 黄块,样式完全自定制
    rundis
    rundis
    Aug 20, 2015 via iPhone
    13
    @dxcqcv sublime text3
    livelazily
    livelazily
    Aug 20, 2015
    14
    折叠的话:
    zfi{
    zfi[
    zfit
    这几个基本够用了
    dxcqcv
    dxcqcv
    OP
    Aug 20, 2015
    15
    @livelazily 用 zfit 折叠 div 会出现折叠不全的问题,你遇到过吗,比如最后多一个</div>出来
    livelazily
    livelazily
    Aug 20, 2015 via Android
    16
    @dxcqcv 我自己写 HTML 一般都是前端 js 模板文件,都很模块化,用到折叠的情况不多,还没试过你说的情况。 zfit 匹配错误可以试试用 vitzf ,依旧错误的话试试装个 matchit https://github.com/vim-scripts/matchit.zip 看看有没有改善
    livelazily
    livelazily
    Aug 20, 2015 via Android
    17
    dxcqcv
    dxcqcv
    OP
    Aug 21, 2015
    18
    @livelazily

    nerdcommenter 这个能增加文件识别类型吗,比如和 dotnet 开发的时候会有 cshtml 文件

    matchit 装好后有改善,但似乎很依赖对齐,不过还行,非常感谢

    JS 生成 HTML 不都拼字符串吗?比如 str = '<div>...',你用什么 js 模板文件,好奇问问。
    livelazily
    livelazily
    Aug 21, 2015❤️1
    19
    @dxcqcv 增加文件类型请查看 :h NERDCustomDelimiters

    前端模板很多啊, angularjs 里面就有, backbonejs 依赖的 underscorejs 里也有简单实现 http://underscorejs.org/#template

    更多示例:
    http://garann.github.io/template-chooser/

    开发时都是写小的 html, 再通过 build 工具生成为 js 文件,加载到页面, 然后再用模板引擎渲染
    dxcqcv
    dxcqcv
    OP
    Aug 21, 2015
    20
    @jsfaint 有 CSS 的语法检查器吗?我装了 syntastic
    jsfaint
    jsfaint
    Aug 21, 2015
    21
    @dxcqcv syntastic 目前支持的 css checker 有 csslint , phpcs , prettycss , recess
    需要单独配一下,如果用 youcompleteme ,它会帮你配好,如果不用就需要自己在 vimrc 里面写
    dxcqcv
    dxcqcv
    OP
    Aug 25, 2015
    22
    @jsfaint 配置搞定,问下你的 HTML 校验用 validator 吗?我用后打开 html 好卡,换用 jshint 和 w3 都检验不出错误
    @livelazily 你有遇到过在同一个文件里需要不同类型注释的情况吗?比如在 html 里注释 css 和 js
    livelazily
    livelazily
    Aug 25, 2015
    23
    @dxcqcv 混合类型的情况插件还不支持, github 上一堆提 issue 的...
    jsfaint
    jsfaint
    Aug 25, 2015
    24
    @dxcqcv 我用 mac ,自带有个叫 tidy 的命令
    你在 vim 里面打:SyntasticInfo ,可以看到有效的 checker ,以及当前使用的 checker
    dxcqcv
    dxcqcv
    OP
    Aug 25, 2015
    25
    @jsfaint 恩, w3, validator , jshint 都能用,但 w3 和 jshint 检查 html 不报错, validator 报错但打开文件太慢太卡,最后那个 tidy-html5 死活装不上,要用 cmake 命令,而不是简单的 pathogen 就 OK 了, mac 自带 tidy 呀真是幸福,我在研究下 tidy-html5
    dxcqcv
    dxcqcv
    OP
    Aug 25, 2015
    26
    @livelazily 非常感谢
    jsfaint
    jsfaint
    Aug 25, 2015
    27
    @dxcqcv tidy-html5 的 github 上给了个链接 http://www.htacg.org/binaries/
    编译好的 tidy~~
    dxcqcv
    dxcqcv
    OP
    Aug 25, 2015
    28
    @jsfaint 我试了很多方法装 tidy 和 tidy-html5 , npm 装, pathogen 装,用你链接里的 msi 装,但装好后, SyntasticInfo 里没有 tidy ,也不知道为什么
    livelazily
    livelazily
    Aug 25, 2015
    29
    @dxcqcv 是不是没添加到 PATH 啊
    dxcqcv
    dxcqcv
    OP
    Aug 26, 2015
    30
    @livelazily 不会啊,我都是 npm install -g 安装的,全局都会有,就 tidy-html5 装不出来, jshint 什么都没问题
    jsfaint
    jsfaint
    Aug 26, 2015
    31
    @dxcqcv 我直接去下了一个 tidy-html5 的 zip ,解压扔到 PATH 下
    然后用 Vim 打开一个 html 文件,执行 :SyntasticInfo 就可以看到 Currently enabled checker: tidy
    PS: V2EX 我至今不会贴图……
    dxcqcv
    dxcqcv
    OP
    Aug 26, 2015
    32
    @jsfaint 我在 gvim 中输入:echo $PATH ,后显示 http://7xlcrz.com1.z0.glb.clouddn.com/vimPath.png
    其中是有 vim74 的
    然后我在 vim74 中仍解压后的 tidy-html5 ,如图 http://7xlcrz.com1.z0.glb.clouddn.com/vimPath02.png
    最后:SyntasticInfo ,就是不出现 tidy ,图 http://7xlcrz.com1.z0.glb.clouddn.com/vimPath03.png
    dxcqcv
    dxcqcv
    OP
    Aug 26, 2015
    33
    我试试 markdown 语法
    @jsfaint 我在 gvim 中输入:echo $PATH ,后显示![img1]( http://7xlcrz.com1.z0.glb.clouddn.com/vimPath.png )
    其中是有 vim74 的
    然后我在 vim74 中仍解压后的 tidy-html5 ,如图![img2]( http://7xlcrz.com1.z0.glb.clouddn.com/vimPath02.png )

    最后:SyntasticInfo ,就是不出现 tidy ,图![img3]( http://7xlcrz.com1.z0.glb.clouddn.com/vimPath03.png )
    dxcqcv
    dxcqcv
    OP
    Aug 26, 2015
    34
    还有一点,虽然能看到 w3 和 validator 但启用这 2 个一点错误也不会报, NND , windows 下真是坑
    dxcqcv
    dxcqcv
    OP
    Aug 26, 2015
    35
    而且我装了 curl
    jsfaint
    jsfaint
    Aug 27, 2015
    36
    @dxcqcv 可能不同的 checker 优先级不同,要么直接写到 vimrc 里面指定用哪个 checker ,要么把 w3 拿掉试试
    let g:syntastic_html_checkers=["tidy"]
    dxcqcv
    dxcqcv
    OP
    Aug 27, 2015
    37
    @jsfaint 但不应该在 available checkers 里没有 tidy ,这是最奇怪的地方
    dxcqcv
    dxcqcv
    OP
    Aug 27, 2015
    38
    @jsfaint 强制 tidy 后,再 syntasticInfo 显示 Currently enabled checkers 是-
    jsfaint
    jsfaint
    Aug 27, 2015
    39
    @dxcqcv
    我这边看到是这样的
    dxcqcv
    dxcqcv
    OP
    Aug 27, 2015
    40
    @jsfaint 除了重装系统,我什么都做了,怎莫办, tidy 就是不出来,也没有错误提示,我都不知道漏了什么

    顺便,你的 COMMAND 那根黄色的提示条是什么插件,挺漂亮的
    jsfaint
    jsfaint
    Aug 27, 2015
    41
    @dxcqcv 你开一个 cmd ,直接运行 tidy ,能成功么?
    那个是[vim-airline]( https://github.com/bling/vim-airline )
    dxcqcv
    dxcqcv
    OP
    Aug 27, 2015
    42
    @jsfaint 不行,不是内部命令也不是外部命令,但 curl --version 有版本
    jsfaint
    jsfaint
    Aug 27, 2015
    43
    @dxcqcv 开 cmd 不能直接运行说明你的 tidy 就有问题啊,要么不在 PATH 里面,要么本身的可执行文件就有问题。 windows 的话你直接到目录下运行 tidy , linux 就检查下有没有 x 属性
    dxcqcv
    dxcqcv
    OP
    Aug 27, 2015
    44
    @jsfaint 直接在目录里也无法运行 tidy ,打开后什么都没有,我是官网 msi 安装的,如图

    http://7xlcrz.com1.z0.glb.clouddn.com/tidy01.jpg
    jsfaint
    jsfaint
    Aug 28, 2015❤️1
    45
    @dxcqcv 结合上面的某个截图,你的 tidy 根本不在 PATH 里面啊……
    你如果想放 Vim 目录下,就直接把 tidy.exe 和 gvim.exe 扔到同一个目录,不要多加一层 bin 目录……
    dxcqcv
    dxcqcv
    OP
    Aug 28, 2015
    46
    @jsfaint 搞定了,多了层 bin 就不行,非常感谢
    jsfaint
    jsfaint
    Aug 30, 2015
    47
    @dxcqcv 恭喜~~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1454 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 05:59 · PVG 13:59 · LAX 21:59 · JFK 00:59
    ♥ Do have faith in what you're doing.