frontend.tech mail.ru

フロントエンド.tech-mail.ru

Frontend.tech-mail.ru サイトのソース

テクノパーク、2024 年秋

チーム

• npm run deployプロジェクトを.deploy.gitディレクトリにビルドし、結果を GitHub リポジトリfrontend-park-mail-ru.github.io にアップロードします。

  • コミット コメントは、コマンドの引数として引用符で囲んで指定できます: npm run deploy -- "Add awesome slides" (まだ機能しません)

• npm run buildプロジェクトをdistディレクトリにビルドして終了します

• npm run showプロジェクトをdistディレクトリにビルドし、このディレクトリから静的サーバーを起動して結果を表示します。ファイル変更の監視、サイトの自動再構築と再読み込みも有効になります。

• npm run add-slides source/slidesフォルダーに新しいプレゼンテーションのテンプレートを作成します

講義スライドを作成するには

npm i -g reloadをインストールし、 cd source/に移動してreload -bv -p 8081を実行します。開いたブラウザ ウィンドウで、ページhttp://localhost:8081/slides/s1/に移動します。

プロジェクトの構造

• .deploy.gitは、サイトをfrontend-park-mail-ru.github.io リポジトリにデプロイするために使用されます。
• distサイト アセンブリが含まれます
• tasksにはグラントタスクが含まれています
• sourceサイトのソースが含まれています
  • source/lib使用されるライブラリが含まれます
    • source/lib/shower/themes/technopark/stylesには、シャワー テーマ スタイルのファイルが含まれています。このディレクトリには、さまざまな画面アスペクト比のスタイルを含むファイルが含まれています。ページが読み込まれると、SAR が計算され、スタイルを含む必要なファイルが選択され、プレゼンテーションがあらゆる形式の画面上で可能な限り印象的に見えるようになります。
  • source/pagesはページのテンプレートが含まれています
  • source/slidesは講義用のプレゼンテーションが含まれています
  • source/examplesすべてのサンプル ファイルが含まれています