Как изменить более красивый формат для реагирования на нативный

мое форматирование кода красивее не работает для реакции, я не понимаю, где его настроить, но он хорошо работает с флаттером

из этого кода

      import { View, Text } from 'react-native'
    
    import React from 'react'
    
    export default function App() {
      return (
        <View>
    
    <Text>Apps</Text>   
</View>
      )
    }

он отформатирован для этого

import {
  View,
  Text
} from 'react-native'

import React from 'react'

export default function App() {
  return ( <
    View >

    <
    Text > Apps < /Text>


    <
    /View>
  )
}

javascript reactjs flutter react-native dart

07.05.2022 08:20

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

ну я сразу нашел ответ лол

нажмите f1 выберите «Форматировать документ с помощью»

и выберите красивее по умолчанию

07.05.2022 08:24

Ответ принят как подходящий

Для каждой идеи есть ярлык для форматирования кода, например, для Vscode Ctrl + Shift + I

И используйте Prettier для форматирования кода во всех файлах.

1- Сначала вы можете установить более красивое расширение кода в своей идее (Webstorm или vs code) https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode "для vscode"

2- Затем установите его пакет в свои зависимости npm install --save-dev --save-exact prettierhttps://prettier.io/docs/en/install.html

3- создайте файл .prettierrc и вставьте в него этот код

{
    "arrowParens": "always",
    "bracketSameLine": false,
    "bracketSpacing": true,
    "embeddedLanguageFormatting": "auto",
    "htmlWhitespaceSensitivity": "css",
    "insertPragma": false,
    "jsxSingleQuote": false,
    "printWidth": 80,
    "proseWrap": "preserve",
    "quoteProps": "as-needed",
    "requirePragma": false,
    "semi": true,
    "singleQuote": false,
    "tabWidth": 2,
    "trailingComma": "es5",
    "useTabs": false,
    "vueIndentScriptAndStyle": false
}

4-Добавить

"scripts": {
    ...
    "prettify": "prettier --write"
}

скрипт в ваш package.json файл

Запускайте npm run prettify всякий раз, когда считаете, что ваш код уродлив

07.05.2022 09:16

Другие вопросы по теме

Параметры react-router-dom v6 только числа

Невозможно сохранить в массив состояние React из ответа сервера

Как заказать комментарии в firebase firestore с помощью createdAt

Получение ошибки при добавлении css к кнопке в моем приложении для реагирования на js

Асинхронная функция, переданная как реквизит в компонент React, вызывает ошибку @typescript-eslint/no-misused-promises

React Antd: как убрать расстояние между вертикальным разделителем и любым содержимым рядом с ним?

TypeError: doc не является функцией в addSubCollectionDocument

Отладка undefined не является объектом (оценка «Object.keys (routeConfigs)»)

Toasty не закрывается автоматически или вручную после списка крючков

Для установки nextJS npx create-next-app застрял при установке

Как изменить более красивый формат для реагирования на нативный

Ответы 2

Другие вопросы по теме

Похожие вопросы