vanilla Javascript存在许多漂亮的代码格式化工具.例如,JSCS.有没有可以验证和格式化reactjs模板的工具?
此刻我有这样的错误
Unexpected token < at static/view/Auth.jsx :
34 |
35 | return (
36 | <div className="auth-page"></div>
Run Code Online (Sandbox Code Playgroud) 我一直收到以下错误,我无法找到它的含义文档.我知道它涉及严格的JavaScript格式化,我想通过遵守格式来解决它.
JSCS:运算符/应该坚持以下表达式.
//Slow Scroll
if ( window.addEventListener ) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
function wheel(event) {
var delta = 0;
if ( event.wheelDelta ) delta = event.wheelDelta / 120;
else if ( event.detail ) delta = -event.detail / 3;
handle ( delta );
if ( event.preventDefault ) event.preventDefault();
event.returnValue = false;
}
function handle(delta) {
var time = 500,
distance = 300;
$( 'html, body' ).stop().animate(
{
scrollTop: $( window ).scrollTop() - ( distance * delta ) …Run Code Online (Sandbox Code Playgroud) 使用 .jscs 文件时,我经常在 Webstorm 中遇到以下错误。
JSCS: JSCS process timeout
这意味着什么?通常,如果我的 Javascript 代码未通过样式检查,我会收到错误标记并显示不正确的内容。但这种行为看起来像是一个更深层次的问题......
是否可以像我们在JSCS中所做的那样,在 TSLint 中的数组括号、函数、if、for、switch 和对象文字中强制使用空格?
例如:
const list = [ 1, 2, 3 ];
console.debug( list[ 1 ]; );
function foo ( a, b, c ) {
...
}
const obj = { bar: 'bar' };
while ( true ) {
if ( false ) {
console.log( 'bar' );
}
}
Run Code Online (Sandbox Code Playgroud) 有了这个.editorconfig:
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
Run Code Online (Sandbox Code Playgroud)
什么是.jscsrc的语法我知道tab是什么样的
"validateIndentation": "\t",
Run Code Online (Sandbox Code Playgroud)
但是4个空格的语法是什么?
我们有多个项目,包含各种.jscsrc文件.我想使用我定义的一个,比大多数项目更严格.
在我的情况下它~/.jscsrc.
如何配置sublime-linter使用该文件jscs?
谢谢!
是否有可能以某种方式使JSHint和JSCS在同一下一行的内联忽略上很好地发挥作用?
我想做的事情如下:
/* jshint camelcase: false, jscs requireCamelCaseOrUpperCaseIdentifiers: false */
Run Code Online (Sandbox Code Playgroud)
我尝试了几种不同的变体(单独的"注释块",中间用分号,忽略不同的行),但无法使其工作.也许我错过了一些明显的东西?或者它根本不可能?日Thnx.
我在继承的解决方案中有以下文件夹结构
.\gulp.config.js
.\gulpfile.js
.\.jscsrc
.\.jshintrc
.\default.js
.\Resources\js\main.js
.\Resources\js\modules\ various user created js files
.\Resources\js\vendor\ various js files i.e jQuery
Run Code Online (Sandbox Code Playgroud)
我已经安装了gulp-jscs和gulp-jshint.
.jscsrc我来自https://github.com/johnpapa/pluralsight-gulp/blob/master/.jscsrc.
我在gulpfile.js中有以下内容:
'use strict'
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var jscs = require('gulp-jscs');
gulp.task('verifyJS',function(){
gulp.src([
'./Resources/**/*.js',
'./*.js'
])
.pipe(jscs())
.pipe(jshint())
.pipe(jshint.reporter('jshint-stylish', { verbose: true }));
});
Run Code Online (Sandbox Code Playgroud)
我正在尝试更新.jscsrc中的excludeFiles以排除以下内容:
.\default.js
.\resources\js\vendor
Run Code Online (Sandbox Code Playgroud)
这是我尝试过的:
"excludeFiles": [
"node_modules/**",
"bower_components/**",
"Resources/js/vendor/**", // vendor supplied files. ie jQuery
"./Resources/js/vendor/**",
"default.js",
"/default.js",
"./default.js",
],
Run Code Online (Sandbox Code Playgroud)
我已经包含了我尝试过的所有组合.
但是当我运行gulp verifyJS它时仍然包括我想要排除的文件.
如何正确设置excludeFiles 以排除项目根目录下的文件以及包含所有后续文件和文件夹的子文件夹?
在我的代码的特定部分,我需要允许一个字符串超过120个字符.
我想禁用那行代码JSCS验证.
目前我得到了
JSCS: Line must be at most 120 characters
Run Code Online (Sandbox Code Playgroud)
怎么做?
jscs ×9
javascript ×4
jshint ×3
gulp ×1
gulp-jscs ×1
gulp-jshint ×1
operators ×1
react-jsx ×1
reactjs ×1
sublimetext3 ×1
tslint ×1
typescript ×1
webstorm ×1