Cogear.JS-静的サイトの最新のジェネレーター

こんにちは、Habr!


Webpackに基づいてNode.JSで記述されたオープンソースの静的サイトジェネレーターをHabrovskの人々に紹介したいと思います。


このプロジェクトは同じジキルに触発されていますが、基本的には最新の技術スタックを使用しています。 たとえば、変更されたスクリプトとスタイルを(ページをリロードせずに)「ホットロード」する機能を提供します。


画像


このプロジェクトは国際的な視聴者を対象としているため、公式ウェブサイト、ドキュメント、ビデオは英語です。



特徴



どのような目的に適していますか:



ユーザー生成コンテンツのないサイトに適しています。


Githubでプルリクエストを使用して、集合的なブログを作成することもできます。

Firebaseまたは任意の言語(PHP、Ruby、Python、Node.JS)で記述されたAPI、またはWordPress(JSON-API)、さらにVue.JSReactなどの最新のフロントエンドフレームワークを使用して、動的なWebサイトを作成できます。より複雑なタスク:オンラインストア、製品カタログなど。


適切でない理由:



一般に、ユーザーによって生成されるコンテンツが多数あり、多くのデータベース作業とページがその場で生成されるプロジェクトの場合。


必要条件


Node.JS (9.x以降)とNPM (通常は一緒にインストール)をインストールする必要があります。


ダウンロードしてインストールします (まだインストールしていない場合)。


推奨される最後(v10.12.0)はNode.JSです。


Node.JS <v9.xでは動作しません。SASS、Less、Stylusはそのまま使用でき、 node-sassにはバージョン9が必要なためです。


NPMの代わりにYarnを使用することもできます。


Cogear.JSの実行場所:



ファッショナブルなVSCodeを開発に使用できます。


設置


簡単な、トリックなし:


 $ npm install cogear -g # or $ yarn global add cogear 

以上です。 インストールは成功しました。



cogear consoleコマンドを使用すると、インストール後のCogear.JSを使用できます。


これで、最初のサイトを生成できます。


使用する



Webサイトが保存されているディレクトリに移動します。


 $ cd ~/Sites 

チームを呼び出して、新しいサイトを生成します。


 $ cogear new site.io #  "site.io" –      

クラフトサイト


次に、このディレクトリに進みます。


 $ cd ~/Sites/site.io 

Cogear.JSdevelopmentモードまたは運用モード運用の準備)で実行します( 動作モードの詳細 )。


 $ cogear # -     « »     $ cogear production #       —        

オプション


--helpフラグを追加すると、コマンドラインオプションのリストを表示できます。


助けて


便利なリンク


トピックがハブロフスク市民の興味をそそるなら、私は一連のチュートリアルを、何を、どのように作成することができます。



PS投稿しなかった オープンソース。


質問して、答えてみてください。



Source: https://habr.com/ru/post/J426261/


All Articles