I am fairly new to ESLint, Prettier, and Babel; still learning how they work together. I am using Visual Studio Code 1.96.4, with ESLint and Prettier extensions. In one of my javascript files, I have an import statement with a…
In my Angular project, when I create new components, the files aren't automatically formatted. I have to manually save each file to apply formatting. Is there a way to configure this so that the files are automatically formatted upon creation?
I found that prettier will wrap my jsx attributes which has more than one template literal to new line. For examples in my jsx file: // before formatted and expected result <DemoFrame html={`${demoPath}/frame1/index.html`} css={`${demoPath}/frame1/index.min.css`} /> // formatted <DemoFrame html={`${demoPath}/frame1/index.html`} css={`…
For example I got: <Image alt="" src="/img/logo.svg" width="30" height="30" className="d-inline-block align-top" /> Any plugin to sort these attributes according to some rules, such as alphabetical order, type, etc.? I am using VS Code, ESLint and Prettier.
I'm trying to make an ErrorBoundary using a class component like this class ErrorBoundary extends Component<ErrorBoundaryProps,ErrorBoundaryState> But every time I format it with prettier, the part <ErrorBoundaryProps,ErrorBoundaryState> disappears, I'm not sure if it's prettier or eslint. Here's my .eslintrc.json {…
When I try to formatting the below code with Prettier: export default function App() { return ( <View className="h-full flex flex-row justify-center bg-blue-500"> <View className="h-fit"> <Text className="bg-red-500">THIS WILL BE CENTERED</Text> </View> <StatusBar style="auto" /> </View> ); } It becomes: export…
I have applied angular-eslint in my angular package. I have also added prettier configurations. The prettier is changing the single quotation mark to "e; symbol. How can I fix that The code before lint: <div [id]="field?.tempId" style="width: 100%; height: '400px'"…
I have a TypeScript project with Eslint and Prettier correctly configured on VSCode: almost no problems on all my files (over 1000). But in some rare TypeScript files, I can't manage to indent my code properly. Autosave tries to add…
I have two projects, both vue projects, but one project says I can't use prettier as a formatting tool, and the other one works You can see the screenshot below for details The following two images indicate that the prettier…
I am using Vue 3 & Prettier w/ VS Code. Whenever I have a string on it's own line, it gets formatted how I want it. The problem... My Dev Tool browser renders strings with spaces around them. I need…