로켓 및 웹 구성 요소

2787 단어 webcomponentswebdev
Rocket은 웹 페이지를 만드는 데 사용되는 도구이며 마크다운 파일에서 시작하는 정적 콘텐츠를 생성하는 데 매우 유용합니다. Rocket의 멋진 점 중 하나는 마크다운 파일 내에서 웹 구성 요소와 자바스크립트를 사용할 수 있다는 사실입니다.
.
Rocket으로 프로젝트를 생성하는 것은 매우 간단합니다. documentation을 살펴보거나 예제를 보고 배우고 싶다면 Rocket’s GitHub repository에서 좋은 예제를 찾을 수 있습니다.
.
이 안내서는 Rocket 및 FicusJS을 시작하기 위해 작성되었습니다. FicusJS는 웹 구성 요소를 사용하여 애플리케이션을 개발하기 위한 경량 기능 세트입니다.
.
Create Ficus App CLI를 사용하면 Rocket 및 FicusJS 작업을 위한 기본 구조가 포함된 프로젝트를 빠르게 스캐폴드할 수 있습니다.
.
프로젝트에는 다음이 포함됩니다.
  • 로켓개발 셋업
  • 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이 다양한 시작 프로젝트를 제공한다는 것을 알았을 것입니다.
    .
  • 기본 앱 - 인라인 스크립트가 있는 간단한 단일 HTML 페이지

  • 11ty 앱 - 11ty를 기반으로 한 Jamstack 사이트 - 살펴보실 수 있습니다.

  • Vite 앱 - Vite 구성이 포함된 단일 HTML 페이지

  • Snowpack 앱 - Snowpack 구성이 포함된 단일 HTML 페이지

  • Rocket 앱 - Rocket을 기반으로 하는 Jamstack 사이트입니다.

  • 더 많은 프로젝트가 개발 중이며 곧 출시될 예정입니다!
    .

    요약



    .
    Create Ficus App과 같은 간단한 도구를 사용하면 새 프로젝트를 만들 때 많은 시간을 절약할 수 있습니다. 이를 통해 유리한 출발을 할 수 있으며 프로젝트가 성장함에 따라 새로운 도구와 기능을 점진적으로 추가할 수 있습니다.
    도구에 대한 피드백이 있거나 FicusJS와 기존 도구 및 프레임워크 간의 새로운 통합을 제안하려면 Github repo을 방문하십시오.

    좋은 웹페이지 즐겨찾기