플랫폼과 장치에서 프로그레시브 웹 앱을 만드는 가장 간단한 방법.
이 repo에는 Pwabuilder 제품군의 여러 프로젝트가 있습니다.
| 도구 | 개요 | 원천 | 문서 | 기여하다 |
|---|---|---|---|---|
| pwabuilder.com | 다양한 매장의 PWA를 포장하는 가장 좋은 방법입니다. | /apps/pwabuilder | Pwabuilder 문서 | 위키 |
| PWA 스튜디오 | PWA Studio는 VSCODE가 프로그레시브 웹 앱을 구축하기위한 최상의 개발자 환경으로 만듭니다. | /apps/pwabuilder-vscode | PWA 스튜디오 문서 | 위키 |
| PWA 스타터 | 우리의 의견과 제작은 새로운 프로젝트를 만들기위한 PWA (Progressive Web App) 템플릿을 테스트했습니다. | 레포 | PWA 스타터 문서 | 위키 |
| 문서 | 원천 | 기여하다 |
|---|---|---|
| docs.pwabuilder.com | /문서 | 위키 |
| blog.pwabuilder.com | /앱/블로그 | /앱/블로그 |
| 구성 요소 | 개요 | 원천 | 문서 | 기여하다 |
|---|---|---|---|---|
<pwa-install> | 훌륭한 PWA 설치 경험을위한 웹 구성 요소 | PWA- 설치 | PWA- 설치 | 위키 |
컴퓨터에 다음과 같은 것들이 제대로 설치되어야합니다.
이 프로젝트에 사용하는 Typecript에도 익숙해야합니다. 이를 통해 VSCODE를 사용할 때 IntellISense의 코드로 더 많은 지침을 제공합니다.
DEV 설정을위한 다음 도구를 권장합니다.
또한 VS 코드에서 프로젝트를 열면 권장 확장을 설치하라는 메시지가 표시됩니다.
작업하려는 프로젝트의 폴더 (예 /Apps /Pwabuilder)로 이동하여 시작 방법에 대해서는 readme를 따라 가십시오.
프로젝트 폴더에서 npm install 실행하면 모든 종속성을 자동으로 설치하고 빌드합니다.
이 monorepo는 다른 모노 포도와 마찬가지로 루트 패키지를 사용하지 않습니다. 대신 프로젝트는 별도의 폴더에 살고 있으며 대부분 서로 독립적입니다.
그러나 프로젝트간에 종속성이 있으면 프로젝트 루트에서 npm install 실행할 때 툴링이 자동으로 연결 및 종속성 빌드를 처리해야합니다.
예를 들어 /apps/pwabuilder library/site-analytics 에 의존합니다. 이 종속성은 pwabuilder package.json처럼 :
//package.json
"dependencies" : {
"@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
... Pwabuilder 폴더에서 npm install 실행하면 site-analytics 프로젝트를 위해 npm install 및 npm run build 도 실행됩니다. 대부분의 경우 종속성을 작업하지 않는 한 개발자는 이러한 프로젝트가 어떻게 연결되는지 걱정할 필요가 없습니다.
프로젝트의 자동 연결을 작동하려면 각 프로젝트에 다음과 같은 preinstall 스크립트가 있는지 확인합니다.
// package.json
"scripts" : {
"preinstall" : " node ../../scripts/setupDeps.js " ,
... Pwabuilder 저장소의 모든 파일에는 MIT 라이센스가 적용됩니다. 프로젝트의 루트에있는 라이센스 파일을 읽으십시오.
이 프로젝트는 Microsoft 오픈 소스 행동 강령을 채택했습니다. 자세한 내용은 추가 질문이나 의견이 있으면 행동 강령 FAQ 또는 [email protected]에 문의하십시오.