Para los componentes de React, me encuentro siguiendo los mismos pasos cada vez:
Heading , por ejemplo)Heading.js dentro de esta carpetaindex.js adyacente y export * from './Heading'Heading.styles.js , import styled from 'styled-components' y export const Heading = styled.div ( div podría ser lo que sea apropiado)Heading.js haz algo como esto: import * as S from "./Header.styles"; export function Header() { return <S.Header>Header</S.Header>; }¿Hay alguna manera de que pueda crear algún tipo de 'fragmento de carpeta' para ayudar en este proceso?
Puede usar la extensión Plantillas de archivo (v1.5.0)
Puede crear plantillas globales y plantillas específicas para un proyecto.
Si tiene un esquema de nombres particular que usa el nombre del directorio o el nombre del espacio de trabajo, puede agregar una primera línea especial para construir el nombre del archivo.
Componente de plantilla.js
##@@## ${relativeFileDirnameSplit[-1]} import * as S from "./${relativeFileDirnameSplit[-1]}.styles"; export function ${relativeFileDirnameSplit[-1]}() { return <S.${relativeFileDirnameSplit[-1]}>${input:Component Header:}</S.${relativeFileDirnameSplit[-1]}>; }Plantilla index.js
##@@## index export * from './${relativeFileDirnameSplit[-1]}'Componente de plantilla.styles.js
##@@## ${relativeFileDirnameSplit[-1]}.styles import styled from 'styled-components' export const ${relativeFileDirnameSplit[-1]} = styled.${input:Component styled tag:}