紹介ADonisjs -セットアップ

このポストでは、開発環境を設定することに焦点を当て、また、コードエディターをTypesScriptとEdge(AdonisJSのテンプレートエンジン)で動作させる準備をします

必要条件

adonisjsはノードです.JSフレームワークのため、ノードが必要です.あなたのコンピュータにインストールされたJS.
それがインストールされていない場合は、次にnodejs.org そして、あなたのオペレーティングシステムのためにバイナリ/インストーラをダウンロードしてください.あなたがコマンドラインで快適であるならば、私はvolta (個人的な好み)nvm ノードのインストール.js

ノードをチェック.JSバージョン

インストールされているバージョンが12.0.0 一緒にnpm >= 6.0.0 .

node -v
npm -v

必要なのは:)

新しいプロジェクトの作成

新しいadonisjsプロジェクトを作成することは、かなりまっすぐです.あなたがする必要があるすべては以下を走らせることですnpm init コマンド.

npm init adonis-ts-app todo

ヒアnpm init NPM固有のコマンドはパッケージをインストールし、そのコマンドを実行します.

パッケージ名はcreate-adonis-ts-app , でもnpm init 我々は、ドロップして欲しいcreate プレフィックスこの決定の背後にある歴史は確かではありませんが、糸も同じデザインを持っています.

最後にtodo プロジェクトを作成するファイルシステムのパスです.ディレクトリが見つからない場合は、私たちはあなたのためにそれを作成します.しかし、ディレクトリが既にファイルを持っているならば、我々はそれの中にプロジェクトを作成することを拒否します.

WebプロジェクトとAPIプロジェクトの違い

プロジェクトの作成フローでは、api とweb プロジェクト構造.両者の違いは次の通りである.

The web プロジェクト構造template engine とsession package adonisjsのまた、CSSやイメージのような静的ファイルを提供するためのサポートが有効になります.

一方で、api プロジェクト構造は、Corsのサポートを構成します.

これらの特定の変更を除いて、プロジェクト構造とファイルの残りは同じです.

開発サーバの起動

次のコマンドを実行して開発サーバーを起動します.コマンドを実行する前にプロジェクトルートの内部にあることを確認してください.

node ace serve --watch

ここで物事は少し面白い.次のポストでACEコマンドについて話します.でも今はace アプリケーション内に埋め込まれたコマンドラインフレームワークであり、プロジェクト固有のコマンドを作成し、node ace .

The serve コマンドは開発サーバと--watch フラグはファイルシステムを監視し続け、変更後にサーバを再起動します.

また、serve コマンドは、typescriptソースを直接実行できます.中間コンパイルステップはなく、これは少し物事をスピードアップ.

vscodeセットアップ

まず始めに、vscodeにインストールしなければならない拡張モジュールのリストを共有します.あなたがVSCodeユーザーでないならば、コメントを残して自由に感じてください、そして、私はあまりにも他の編集者セットアップでブログポストを更新します.

ソースコードはtypescriptで書かれています、そして、幸運にもVSCodeは箱のサポートから来ます、そして、したがって、特別なプラグインはtypescriptで働くのに必要でありません.

インストールする必要がありますEdge template support プラグインは、ADonisjsテンプレートエンジン(エッジ)の構文を強調表示する必要があります.

あなたがきれいで意見を絶することに対して強い意見を持たないならば.それなら私はVScode Eslint and VSCode prettier プラグインはあなたの人生を少し簡単にする.

箱の中は何ですか。

adonisjs以来、完全に機能フレームワークでは、新しいアプリケーションをたくさん得る.次の機能または機能は、フレームワークのコアに右に焼かれます.

HTTPスタック.これは、ルータ、リクエスト＆応答オブジェクト、ミドルウェアのサポート、グローバル例外ハンドラが含まれます.

bodyparserとファイルアップロードのサポート.直接S 3のようなサードパーティにファイルをストリーミングのようなもの.

リクエストデータを検証するバリデータ.

全体的なセキュリティを念頭に置いて賢明なデフォルトで暗号化とハッシュモジュール.

組み込みコマンドラインフレームワークace .

暗号化/署名のクッキーとセッションのサポート.

から静的ファイルを提供するためのサポートpublic ディレクトリ.

そして、最後に、よく考えられたプロジェクト構造とタイプスクリプトのためのBOX支持から.

閉鎖思考

この投稿は主にadonisjsまたはノードを使用して観客に向けてターゲットです.初めてのJS.読者が既にこれを知っていると仮定せずにあらゆる細部について話したい.
あなたがこれがすべてあなたのために勇敢でないと思うならば🙂