问题标签 [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.
html - 防止 gulp-htmllint 跳过无效的 html 文件
我正在使用gulp-htmllint来检查带有 html 片段的文件。但是,令我惊讶的是,它会跳过带有无效标记的文件。我很想获得“尽可能好”的 linting,但至少我希望它失败/报告 invalid html 错误。
这是一个复制品。首先gulpfile.js
(需要事先适当的npm install
命令):
这reporter
是基于包主页上的示例。
使用此src/fragment.html
文件:
我会很好地得到:
但是,如果我像这样使 html 文件无效:
我得到:
好像没有什么不妥。
当我的片段出现此类问题时,如何让流程报告错误并失败?
PS。我最终也将作为问题交叉发布到 Github。
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)
angular - 如何在 vs 代码中对 HTML 启用 lint?
我正在使用 Visual Studio 代码开发 angular2 应用程序,我已经安装了以下扩展,
和
我的组件模板如下,
Hml lint 在 vs 代码上没有显示任何错误?问题是什么?
sass - 如何在 IDE 中弃用 CSS 选择器
我正在寻找一个解决方案,有了它,我可以将我的 scss 文件中的选择器标记为已弃用。然后,如果我在处理一个 html 文件并且同时想要使用这个“不推荐使用的选择器”,我的 IDE 应该标记选择器并且应该向我显示一条弃用消息。我想要类似的东西:
...就像我们做的 JSDoc 一样。.editorconfig
使用或使用一些 linting 工具来实现这一点也很好。例如,如果我可以在配置文件中设置一个数组,其中包含所有那些不推荐使用的选择器......或者类似的东西,那就太好了?在 IDE 中显示这些弃用消息也很重要,而不仅仅是在构建/编译阶段的后期。看起来很难找到合适的解决方案。
欢迎任何建议!多谢你们!
html - 是否有一个 HTML linter 可以确保属性在元素上正确对齐?
是否有任何类型的命令行 HTML linter 可用于强制属性正确对齐?我们有一个代码标准说你不能这样做:
它必须是这样的
这是一个使用 Visual Studio Code 的 Angular 9 项目。我可以让人们也安装代码格式化程序,但我正在寻找他们可以在命令行上运行的东西来执行它,也许在管道中。我的目标是在有人进行代码审查之前解决这些问题。我也想说这不是我的规定,但我必须遵守