JetPad是一个基于Web的协作文本编辑器,它是由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”文件夹中。
JetPad需要Swellrt作为后端服务器。要设置Swellrt服务器,请访问Swellrt Readme。
如果您在开发模式( npm start )以DEV模式运行JetPad,则索引文件index.html将指向localhost:9898 ,默认的Swellrt开发端点。对于其他方案,编辑index.html将端点调整为swellrt.js 。
当使用NGINX作为JETPAD的前部服务器时,请使用以下配置正确缓存资源:
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文件夹下。配置有三种类型:开发,产品和测试。此外,还有一种基于量角器的业力和E2E测试管理的单位测试配置。
该项目将Bootstrap用作UI框架。当前版本为3.3.7。该项目还使用Bootstrap-Material设计模块和Bootstrap-Sass模块。
Bootstrap也需要jQuery 。该项目导入的版本为1.9.1。 SASS样式是在src/assets文件夹中定义的,主文件是src/app/app.style.scss 。
目前,该项目并未将角组件作为Web组件实现。 App.component.ts中的配置,应用程序的主要组成部分将封装属性设置为encapsulation: ViewEncapsulation.None 。这样,所有定义的sytles都将在应用程序头的样式元素中备份。 SASS样式对纯CSS的转换由WebPack加载程序组成:CSS-LOADER,CSS-TO-string-Loader,Resolve-url和Sass-Loader。
代码和文档版权所有2016-2017 Pablo Ojanguren,David Llop,Alejandro Garrido和Madrid的大学合并。根据Affero GPL V3许可证发布的代码。根据CC的许可,由4.0获得许可。