需要实现 JS HTML CSS php python 语法检验,注释快捷键,折叠函数和 DIV 等标签快捷键 ,感觉自动折叠 DIV 最难
例子
比如 HTML 中这种错误
<div id="one class="miss"></div>
CSS 中这种错
.
.other {}
1
rundis 2015-08-19 07:07:45 +08:00
你需要 SBT3
|
2
jprovim 2015-08-19 07:36:19 +08:00
|
3
jsfaint 2015-08-19 08:45:17 +08:00
装 syntastic ,然后 npm install -g jsxhint
|
4
FrankFang128 2015-08-19 08:52:33 +08:00
WebStorm + IdeaVIM ,你最终的选择。
|
5
FrankFang128 2015-08-19 08:56:31 +08:00
|
6
FrankFang128 2015-08-19 08:57:55 +08:00
折叠 div 在 WebStorm 是基础功能了
|
7
xiaohanqing 2015-08-19 09:16:20 +08:00
语法检查,折叠这些功能默认是有的,快速注释可以用 tcomment 。
:help fdm :help syntax |
8
luoqeng 2015-08-19 10:03:07 +08:00
spf13
|
9
chenfjm 2015-08-19 10:51:00 +08:00
|
11
dxcqcv OP @FrankFang128 第一个 CSS 错误没出现错误提示呀
|
12
FrankFang128 2015-08-19 21:54:59 +08:00 via Android
@dxcqcv 黄块,样式完全自定制
|
14
livelazily 2015-08-20 12:02:34 +08:00
折叠的话:
zfi{ zfi[ zfit 这几个基本够用了 |
15
dxcqcv OP @livelazily 用 zfit 折叠 div 会出现折叠不全的问题,你遇到过吗,比如最后多一个</div>出来
|
16
livelazily 2015-08-20 23:27:09 +08:00 via Android
@dxcqcv 我自己写 HTML 一般都是前端 js 模板文件,都很模块化,用到折叠的情况不多,还没试过你说的情况。 zfit 匹配错误可以试试用 vitzf ,依旧错误的话试试装个 matchit https://github.com/vim-scripts/matchit.zip 看看有没有改善
|
17
livelazily 2015-08-20 23:32:22 +08:00 via Android
|
18
dxcqcv OP @livelazily
nerdcommenter 这个能增加文件识别类型吗,比如和 dotnet 开发的时候会有 cshtml 文件 matchit 装好后有改善,但似乎很依赖对齐,不过还行,非常感谢 JS 生成 HTML 不都拼字符串吗?比如 str = '<div>...',你用什么 js 模板文件,好奇问问。 |
19
livelazily 2015-08-21 15:13:41 +08:00 1
@dxcqcv 增加文件类型请查看 :h NERDCustomDelimiters
前端模板很多啊, angularjs 里面就有, backbonejs 依赖的 underscorejs 里也有简单实现 http://underscorejs.org/#template 更多示例: http://garann.github.io/template-chooser/ 开发时都是写小的 html, 再通过 build 工具生成为 js 文件,加载到页面, 然后再用模板引擎渲染 |
21
jsfaint 2015-08-21 20:24:06 +08:00
@dxcqcv syntastic 目前支持的 css checker 有 csslint , phpcs , prettycss , recess
需要单独配一下,如果用 youcompleteme ,它会帮你配好,如果不用就需要自己在 vimrc 里面写 |
22
dxcqcv OP @jsfaint 配置搞定,问下你的 HTML 校验用 validator 吗?我用后打开 html 好卡,换用 jshint 和 w3 都检验不出错误
@livelazily 你有遇到过在同一个文件里需要不同类型注释的情况吗?比如在 html 里注释 css 和 js |
23
livelazily 2015-08-25 12:32:08 +08:00
@dxcqcv 混合类型的情况插件还不支持, github 上一堆提 issue 的...
|
24
jsfaint 2015-08-25 13:02:55 +08:00
@dxcqcv 我用 mac ,自带有个叫 tidy 的命令
你在 vim 里面打:SyntasticInfo ,可以看到有效的 checker ,以及当前使用的 checker |
25
dxcqcv OP @jsfaint 恩, w3, validator , jshint 都能用,但 w3 和 jshint 检查 html 不报错, validator 报错但打开文件太慢太卡,最后那个 tidy-html5 死活装不上,要用 cmake 命令,而不是简单的 pathogen 就 OK 了, mac 自带 tidy 呀真是幸福,我在研究下 tidy-html5
|
26
dxcqcv OP @livelazily 非常感谢
|
27
jsfaint 2015-08-25 15:02:02 +08:00
|
28
dxcqcv OP @jsfaint 我试了很多方法装 tidy 和 tidy-html5 , npm 装, pathogen 装,用你链接里的 msi 装,但装好后, SyntasticInfo 里没有 tidy ,也不知道为什么
|
29
livelazily 2015-08-25 18:22:59 +08:00
@dxcqcv 是不是没添加到 PATH 啊
|
30
dxcqcv OP @livelazily 不会啊,我都是 npm install -g 安装的,全局都会有,就 tidy-html5 装不出来, jshint 什么都没问题
|
31
jsfaint 2015-08-26 12:32:58 +08:00
@dxcqcv 我直接去下了一个 tidy-html5 的 zip ,解压扔到 PATH 下
然后用 Vim 打开一个 html 文件,执行 :SyntasticInfo 就可以看到 Currently enabled checker: tidy PS: V2EX 我至今不会贴图…… |
32
dxcqcv OP @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 |
33
dxcqcv OP 我试试 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 ) |
34
dxcqcv OP 还有一点,虽然能看到 w3 和 validator 但启用这 2 个一点错误也不会报, NND , windows 下真是坑
|
35
dxcqcv OP 而且我装了 curl
|
36
jsfaint 2015-08-27 09:04:36 +08:00
@dxcqcv 可能不同的 checker 优先级不同,要么直接写到 vimrc 里面指定用哪个 checker ,要么把 w3 拿掉试试
let g:syntastic_html_checkers=["tidy"] |
38
dxcqcv OP @jsfaint 强制 tidy 后,再 syntasticInfo 显示 Currently enabled checkers 是-
|
40
dxcqcv OP |
41
jsfaint 2015-08-27 14:40:16 +08:00
|
43
jsfaint 2015-08-27 15:44:54 +08:00
@dxcqcv 开 cmd 不能直接运行说明你的 tidy 就有问题啊,要么不在 PATH 里面,要么本身的可执行文件就有问题。 windows 的话你直接到目录下运行 tidy , linux 就检查下有没有 x 属性
|
44
dxcqcv OP |