我感到沮丧的是正确的配置更漂亮,以实现正常风格的jsx标签。
我想要这个:
const template = (
<div>
<h1> Hello world!</h1>
<p> This is some info</p>
</div>
);
我得到了这个:
const template = (
<div>
<h1> Hello world! </h1> <p> This is some info </p>{'
对于下面的react代码,我得到以下错误:
当我使用代码库上的ESLint标志运行--fix时,会得到一个错误,即:
ESLint: A space is required before closing bracket(react/jsx-tag-spacing)
ESLint: Insert `.` (prettier/prettier)
没有找到任何关于这个错误的文档--我该如何修复呢?
注意:我使用的是WebStorm --不确定它是否相关。
在用VSCode中的插件进行更漂亮的配置之后,保存函数的格式在我的React+TS代码中的每个非默认导入中都添加了奇怪的value关键字。
如下所示:
import { value ApolloProvider } from '@apollo/client';
import { value BrowserRouter as Router, value Switch } from 'react-router-dom';
import Routes from './routes';
import { value client } from '
当我正常使用npm start运行我的应用程序时,它工作得很好。但是,当我尝试使用npm run build.I创建一个生成目录和我的应用程序的产品生成时,会得到一个警告,即我应该有一个空格,缩进看起来通常是设置的:
错误
[eslint]
src/App.js
Line 9:2: Expected indentation of 2 space characters but found 1 react/jsx-indent
Line 10:2: Expected indentation of 3 space characters but found 1 reac
我在react本机项目上使用了更漂亮的VSCode,它删除了混合运算符中的括号或使用括号声明变量时的括号。如何防止更漂亮的人做那件事
example1:
const foo = (a && b) || c;
After:
const foo = a && b || c;
example2
const c = (a.toString()).toUpperCase();
After:
const c = a.toString().toUpperCase();
我知道,在大多数情况下,它不会改变逻辑,但我想禁用这个特性。
我对VsCode和超文本标记语言还是个新手。我将其设置为save on format,当我这样做时,它会自动将所有元素放在一个新行上。首先,这是一个好的实践吗?如果是这样,那就很好了。如果不是,我该如何阻止它?
因此,我键入以下内容:
<p> My name is <b>Bob</b></p>
但它的格式如下:
<p>
My name is
<b>Bob</b>
</p>
像这样格式化代码是一种很好的做法吗?
似乎如果段落真的很长,其中包含多个元素,那么在代码中间有一堆新行可能会让人感到困惑。
如果
新手在这里。我最近买了一台新电脑,现在我在visual studio代码和更漂亮的扩展上遇到了问题。到目前为止,当自动保存文件时,无论是漂亮的ext还是VsCode,都将JSX元素放在一行中。看看下面的例子 下面是我想要的: <Card.Title>
Company name (symbol)
</Card.Title> vscode或更漂亮的ext在保存时做了什么: <Card.Title>Company name (symbol)</Card.Title> 任何帮助或链接将不胜感激,谢谢!