问题标签 [htmllint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
547 浏览

html - 防止 gulp-htmllint 跳过无效的 html 文件

我正在使用gulp-htmllint来检查带有 html 片段的文件。但是,令我惊讶的是,它会跳过带有无效标记的文件。我很想获得“尽可能好”的 linting,但至少我希望它失败/报告 invalid html 错误

这是一个复制品。首先gulpfile.js(需要事先适当的npm install命令):

reporter是基于包主页上的示例。

使用此src/fragment.html文件:

我会很好地得到:

但是,如果我像这样使 html 文件无效:

我得到:

好像没有什么不妥。

当我的片段出现此类问题时,如何让流程报告错误并失败?

PS。我最终也将作为问题交叉发布到 Github

0 投票
2 回答
805 浏览

webpack - How to use htmlhint-loader with vuejs

I am trying to setup html linting with my vuejs app, but I am not sure how to configure this correctly with my webpack config. I am currently trying with htmlhint-loader. I installed it using this command:

And added following code in my webpack.base.config:

But this does not work, Let me know if anything else is also needed to make it work.

When I use this regex:

I get following error:

ERROR in ./~/html-webpack-plugin/lib/loader.js!./index.html Module parse failed: >/Users/saurabh.mimani/work/codes/j/vue/node_modules/html-webpack-plugin/lib/loader.js!/Users/saurabh.mimani/work/codes/j/vue/node_modules/htmlhint-loader/index.js!/Users/saurabh.mimani/work/codes/j/vue/index.html Unexpected token (1:0) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (1:0) at Parser.pp$4.raise (/Users/saurabh.mimani/work/codes/j/vue/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexpected (/Users/saurabh.mimani/work/codes/j/vue/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10) at Parser.pp$3.parseExprAtom (/Users/saurabh.mimani/work/codes/j/vue/node_modules/webpack/node_modules/acorn/dist/acorn.js:1822:12) at Parser.pp$3.parseExprSubscripts (/Users/saurabh.mimani/work/codes/j/vue/node_modules/webpack/node_modules/acorn/dist/acorn.js:1715:21)

0 投票
1 回答
8885 浏览

angular - 如何在 vs 代码中对 HTML 启用 lint?

我正在使用 Visual Studio 代码开发 angular2 应用程序,我已经安装了以下扩展,

htmllint

htmlhint-ng2

我的组件模板如下,

Hml lint 在 vs 代码上没有显示任何错误?问题是什么?

0 投票
2 回答
99 浏览

sass - 如何在 IDE 中弃用 CSS 选择器

我正在寻找一个解决方案,有了它,我可以将我的 scss 文件中的选择器标记为已弃用。然后,如果我在处理一个 html 文件并且同时想要使用这个“不推荐使用的选择器”,我的 IDE 应该标记选择器并且应该向我显示一条弃用消息。我想要类似的东西:

...就像我们做的 JSDoc 一样。.editorconfig使用或使用一些 linting 工具来实现这一点也很好。例如,如果我可以在配置文件中设置一个数组,其中包含所有那些不推荐使用的选择器......或者类似的东西,那就太好了?在 IDE 中显示这些弃用消息也很重要,而不仅仅是在构建/编译阶段的后期。看起来很难找到合适的解决方案。

欢迎任何建议!多谢你们!

0 投票
0 回答
14 浏览

html - 是否有一个 HTML linter 可以确保属性在元素上正确对齐?

是否有任何类型的命令行 HTML linter 可用于强制属性正确对齐?我们有一个代码标准说你不能这样做:

它必须是这样的

这是一个使用 Visual Studio Code 的 Angular 9 项目。我可以让人们也安装代码格式化程序,但我正在寻找他们可以在命令行上运行的东西来执行它,也许在管道中。我的目标是在有人进行代码审查之前解决这些问题。我也想说这不是我的规定,但我必须遵守