로켓 및 웹 구성 요소
2787 단어 webcomponentswebdev
.
Rocket으로 프로젝트를 생성하는 것은 매우 간단합니다. documentation을 살펴보거나 예제를 보고 배우고 싶다면 Rocket’s GitHub repository에서 좋은 예제를 찾을 수 있습니다.
.
이 안내서는 Rocket 및 FicusJS을 시작하기 위해 작성되었습니다. FicusJS는 웹 구성 요소를 사용하여 애플리케이션을 개발하기 위한 경량 기능 세트입니다.
.
Create Ficus App CLI를 사용하면 Rocket 및 FicusJS 작업을 위한 기본 구조가 포함된 프로젝트를 빠르게 스캐폴드할 수 있습니다.
.
프로젝트에는 다음이 포함됩니다.
시작하기
.
Create Ficus App을 사용하면 빌드 도구가 아닌 코드에 집중할 수 있습니다. 또한 Rocket 또는 FicusJS를 처음 사용하는 경우 유용할 수 있는 프로젝트 구성 방법에 대한 아이디어를 제공합니다.
.
"my-app"이라는 새 프로젝트를 만들려면 다음 명령을 실행합니다.
.
npx create-ficus-app my-app
.
화살표 키를 사용하여 "rocket-app"을 선택한 다음 Enter 키를 누릅니다.
my-app
폴더가 생성되면 종속성을 설치하고 다음 명령을 사용하여 프로젝트를 시작할 수 있습니다..
cd my-app
# install the dependencies using npm or yarn
npm install
yarn
# start the project
npm run dev
.
시작 프로젝트
.
이전 명령을 실행한 경우 Create Ficus App이 다양한 시작 프로젝트를 제공한다는 것을 알았을 것입니다.
.
11ty 앱 - 11ty를 기반으로 한 Jamstack 사이트 - 살펴보실 수 있습니다.
Vite 앱 - Vite 구성이 포함된 단일 HTML 페이지
Snowpack 앱 - Snowpack 구성이 포함된 단일 HTML 페이지
Rocket 앱 - Rocket을 기반으로 하는 Jamstack 사이트입니다.
더 많은 프로젝트가 개발 중이며 곧 출시될 예정입니다!
.
요약
.
Create Ficus App과 같은 간단한 도구를 사용하면 새 프로젝트를 만들 때 많은 시간을 절약할 수 있습니다. 이를 통해 유리한 출발을 할 수 있으며 프로젝트가 성장함에 따라 새로운 도구와 기능을 점진적으로 추가할 수 있습니다.
도구에 대한 피드백이 있거나 FicusJS와 기존 도구 및 프레임워크 간의 새로운 통합을 제안하려면 Github repo을 방문하십시오.
Reference
이 문제에 관하여(로켓 및 웹 구성 요소), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ficusjs/rocket-and-web-components-2eao텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)