ReactJs 구성 요소 생성 자동화
4994 단어 reactshowdevwebdevjavascript
ReactJs 구성 요소 생성 자동화
이 스크립트는 수동으로 구성 요소를 만드는 데 어려움을 겪었고 내가 해야 했던 작업과 동일했을 때 개인적인 용도로 작성되었습니다. scss 파일과 함께 코드 스니펫이 있는 단일 명령으로 쉘 스크립트를 통해 ReactJs 구성 요소를 생성하는 생산성을 부팅하기 위해 이 샘플 스크립트를 발견했습니다.
복제
SSH
$ git clone [email protected]:lifeeric/automate-React-Component.git
또는
https
$ git clone https://github.com/lifeeric/automate-React-Component.git
허가
$ chmod +x arc
세계화하다
$ sudo cp arc /bin
용법
통사론
$ arc [COMPONENT NAME]
예시
$ arc Header
$ tree
.
└── src
└── components
└── Header
├── Header.scss
└── Header.tsx
예 2
$ arc Header/Navbar
$ tree
.
└── src
└── components
└── Header
├── Header.scss
├── Header.tsx
└── Navbar
├── Navbar.scss
└── Navbar.tsx
새로운 기능을 추가해야 합니다
중첩된 구성 요소를 만들려고 해도 현재까지는 TypeScript
에 대해서만 구성되어 있어 잘 작동합니다. Javascript
, CSS
도 추가할 수 있기를 바랍니다. 구성 요소 덮어쓰기를 중지할 수 있습니다.
다운로드, 검토 및 기여를 위한 github 링크
평생
/
자동화 반응 구성 요소
스 니펫으로 ReactJs 구성 요소를 생성하고이 스크립트를 통해 SCSS 파일을 포함하는 명령
ReactJs 구성 요소 생성 자동화
이 스크립트는 수동으로 구성 요소를 만드는 데 좌절했을 때 개인적으로 사용하기 위해 만들어졌으며 제가 해야 했던 작업과 동일했습니다. 코드 스니펫이 포함된 단일 명령으로 쉘 스크립트를 통해 ReactJs 구성 요소를 생성하는 생산성을 부팅하기 위해 이 샘플 스크립트를 발견했습니다. scss 파일도 마찬가지입니다.
복제
SSH
$ git clone [email protected]:lifeeric/automate-React-Component.git
또는
https
$ git clone https://github.com/lifeeric/automate-React-Component.git
허가
$ chmod +x arc
세계화하다
$ sudo cp arc /bin
용법
통사론
$ arc [COMPONENT NAME]
예시
$ arc Header
$ tree
└── src
└── components
└── Header
├── Header.scss
└── Header.tsx
예 2
$ arc Header/Navbar
$ tree
.
└── src
└── components
└── Header
├── Header.scss
├── Header.tsx
└── Navbar
├── Navbar.scss
└── Navbar.tsx
새로운 기능을 추가해야 합니다
지금까지 잘 작동합니다 ...
View on GitHub
Reference
이 문제에 관하여(ReactJs 구성 요소 생성 자동화), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/hasone/automate-reactjs-components-creation-20h
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
복제
SSH
$ git clone [email protected]:lifeeric/automate-React-Component.git
또는
https
$ git clone https://github.com/lifeeric/automate-React-Component.git
허가
$ chmod +x arc
세계화하다
$ sudo cp arc /bin
용법
통사론
$ arc [COMPONENT NAME]
예시
$ arc Header
$ tree
.
└── src
└── components
└── Header
├── Header.scss
└── Header.tsx
예 2
$ arc Header/Navbar
$ tree
.
└── src
└── components
└── Header
├── Header.scss
├── Header.tsx
└── Navbar
├── Navbar.scss
└── Navbar.tsx
새로운 기능을 추가해야 합니다
중첩된 구성 요소를 만들려고 해도 현재까지는
TypeScript
에 대해서만 구성되어 있어 잘 작동합니다. Javascript
, CSS
도 추가할 수 있기를 바랍니다. 구성 요소 덮어쓰기를 중지할 수 있습니다.다운로드, 검토 및 기여를 위한 github 링크
평생 / 자동화 반응 구성 요소
스 니펫으로 ReactJs 구성 요소를 생성하고이 스크립트를 통해 SCSS 파일을 포함하는 명령
ReactJs 구성 요소 생성 자동화
이 스크립트는 수동으로 구성 요소를 만드는 데 좌절했을 때 개인적으로 사용하기 위해 만들어졌으며 제가 해야 했던 작업과 동일했습니다. 코드 스니펫이 포함된 단일 명령으로 쉘 스크립트를 통해 ReactJs 구성 요소를 생성하는 생산성을 부팅하기 위해 이 샘플 스크립트를 발견했습니다. scss 파일도 마찬가지입니다.
복제
SSH
$ git clone [email protected]:lifeeric/automate-React-Component.git
또는
https
$ git clone https://github.com/lifeeric/automate-React-Component.git
허가
$ chmod +x arc
세계화하다
$ sudo cp arc /bin
용법
통사론
$ arc [COMPONENT NAME]
예시
$ arc Header
$ tree
└── src
└── components
└── Header
├── Header.scss
└── Header.tsx
예 2
$ arc Header/Navbar
$ tree
.
└── src
└── components
└── Header
├── Header.scss
├── Header.tsx
└── Navbar
├── Navbar.scss
└── Navbar.tsx
새로운 기능을 추가해야 합니다
지금까지 잘 작동합니다 ...
View on GitHub
Reference
이 문제에 관하여(ReactJs 구성 요소 생성 자동화), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/hasone/automate-reactjs-components-creation-20h
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
복제
SSH
$ git clone [email protected]:lifeeric/automate-React-Component.git
또는
https
$ git clone https://github.com/lifeeric/automate-React-Component.git
허가
$ chmod +x arc
세계화하다
$ sudo cp arc /bin
용법
통사론
$ arc [COMPONENT NAME]
예시
$ arc Header $ tree └── src └── components └── Header ├── Header.scss └── Header.tsx
예 2
$ arc Header/Navbar $ tree . └── src └── components └── Header ├── Header.scss ├── Header.tsx └── Navbar ├── Navbar.scss └── Navbar.tsx
새로운 기능을 추가해야 합니다
지금까지 잘 작동합니다 ...
View on GitHub
Reference
이 문제에 관하여(ReactJs 구성 요소 생성 자동화), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/hasone/automate-reactjs-components-creation-20h텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)