jetpad 다운로드 - jetpad 소스 코드 다운로드

jetpad

기타 리소스

1.0.0

다운로드

제트 패드

JetPad는 Swellrt 실시간 기술 및 Angular 2 프레임 워크로 구축 된 웹 기반 협업 텍스트 편집기입니다.

설치

종속성을 다운로드하려면 Node.js 및 NPM 패키지 관리자를 설치하십시오. 그런 다음 :

 git clone [email protected]:P2Pvalue/jetpad.git
cd jetpad
npm i

달리다

다음과 같이 Dev 모드에서 실행할 수 있습니다.

 npm start

서버는 현재 http : // localhost : 3000/에서 실행 중입니다.

짓다

개발 모드에서 프로젝트를 구축하려면 다음을 수행하십시오.

 npm run build

생산 준비 구축을 위해 :

 npm run build:prod

출력 파일은 '/dist'폴더에 배치됩니다.

Swellrt 서버

JetPad는 백엔드 서버로 swellrt가 필요합니다. swellrt 서버를 설정하려면 swellrt readme를 방문하십시오.

Dev Mode ( npm start )에서 JetPad를 실행하는 경우 Index File index.html 은 localhost:9898 , 기본 Swellrt Development Endpoint를 가리 킵니다. 다른 시나리오의 경우 index.html 편집하여 종말점을 swellrt.js 로 조정하십시오.

nginx

JetPad 용 Fronted Server로 Nginx를 사용하는 경우 자원을 올바르게 캐시하기 위해 다음 구성을 사용하십시오.

 server {
        listen 80;
        listen [::]:80;

        server_name     jetpad.local.net;

        root /var/www/jetpad;
        index index.html;

        location / {
                try_files $uri$args $uri$args/ $uri/ /index.html =404;
                add_header Cache-Control must-revalidate;
        }

        location /assets {
                etag on;        
        }

        location ~ .bundle.js$ {
                add_header Cache-Control public;
                etag off;
                expires max;
                gzip on;
                gzip_types application/javascript;
        }
}

의존성

JetPad는 WebPack 2를 사용합니다. 프로젝트 종속성을 관리하려면 NPM 시스템을 사용하거나 package.json 파일의 새 종속성을 직접 추가해야합니다.

  npm install <dependency> --save

프로젝트 레이아웃은 AngularClass 스타터를 기반으로합니다. 구성은 프로젝트의 config 폴더에서 완전히 호스팅됩니다. 구성에는 세 가지 유형의 구성이 있습니다 : Dev , Prod 및 Test . 또한 Karma 및 E2E Test에서 관리하는 단위 테스트 구성이 있습니다.

부트 스트랩

이 프로젝트는 부트 스트랩을 UI 프레임 워크로 사용합니다. 현재 버전은 3.3.7입니다. 이 프로젝트는 또한 부트 스트랩 마수 디자인 모듈과 부트 스트랩 -Sass 모듈을 사용합니다.

부트 스트랩에는 jQuery 도 필요합니다. 프로젝트로 가져온 버전은 1.9.1입니다. SASS 스타일은 src/assets 폴더에 정의되며 기본 파일은 src/app/app.style.scss 입니다.

현재 프로젝트는 웹 구성 요소로 각도 구성 요소를 구현하지 않습니다. 응용 프로그램의 주요 구성 요소 인 app.component.ts 의 구성은 캡슐화 속성을 encapsulation: ViewEncapsulation.None . 이런 식으로 정의 된 모든 시스템은 응용 프로그램 헤드의 스타일 요소로 선정됩니다. SASS 스타일을 순수한 CSS로 변환하는 것은 CSS-Loader, CSS-to-String-Loader, Resolve-URL 및 Sass-Loader로 구성됩니다.