ホームページ > ウェブフロントエンド > jsチュートリアル > Deno で最初のプロジェクトを作成する

Deno で最初のプロジェクトを作成する

DDD
リリース: 2024-10-16 06:22:02
オリジナル
1118 人が閲覧しました

Making your First Project with Deno

このトピックを紹介するために、deno とは何かを定義することから始めましょう。 Deno は、Node.js の作成者である Ryan Dahl によって開発された、JavaScript、TypeScript、および WebAssembly のランタイム環境です。 Chrome の V8 エンジンを使用し、Rust12 で書かれています。'

利点。

  1. デフォルトのセキュリティ: Deno は、明示的に許可されない限り、ファイル、ネットワーク、または環境にアクセスできません。これにより、セキュリティの脆弱性のリスクが軽減されます。

  2. ネイティブ TypeScript サポート: Deno は追加構成なしで TypeScript をネイティブに実行するため、開発が簡素化され、生産性が向上します。

  3. 標準モジュール: Deno には、外部パッケージへの依存を減らし、コードのセキュリティと安定性を向上させる、レビューおよび監査された標準モジュールのセットが含まれています。

  4. 統合ツール: 依存関係インスペクター、コード フォーマッタ、リンターなどの便利なツールが付属しており、コードのメンテナンスと品質を容易にします。

  5. 依存関係の処理: Deno は URL を使用してモジュールをインポートするため、package.json ファイルや npm などのパッケージ マネージャーが必要なくなります。これにより、依存関係の管理が簡素化されます。

  6. WebAssembly のサポート: Deno は WebAssembly をサポートしており、他の言語で書かれた高パフォーマンスのコードを実行できます。

最初のプロジェクトを作成する

deno プロジェクトを開始するには、次のコマンドを使用します:

 deno init <project_name>
ログイン後にコピー

これにより、次のようなプロジェクトが作成されます

- project_name/
  |- main.ts
  |- deno.json
  |- main_test.ts
ログイン後にコピー

これで、最初の deno プロジェクトが作成されました。

モジュールとインポートについて

astro、next.js などでプロジェクトを作成していたときは、npm、pnpm、bun などを介して依存関係をインストールしていました。現在では、これは必要ありません。

輸入方法

deno では、パッケージをインポートする主な方法が 2 つあります。 1 つ目は、npm であっても、使用する別のパッケージであっても、そのパッケージから単純にインポートすることです。

たとえば、Next.js、Vite、または Astro ファイルでは、必要なパッケージをインストールし、それをファイルにインポートします。 deno を使用すると、パッケージをインストールする代わりに、必要なパッケージの前にパッケージ マネージャーに名前を付けてインポートするだけです。たとえば、Express を使用したい場合は、次のようになります:

  import express from “npm:express”
ログイン後にコピー

これは、npm Express パッケージから Express をインポートすることを示しています。そのため、すでに述べたことを繰り返しますが、インストールする必要はなく、インポートするだけです!!!!

2 番目に、「npm:」という命名法でインポートする代わりに、作成された deno.json ファイルを編集し、これに次の行を追加します。

  “imports": {
  “express": ”npm:express”
}
ログイン後にコピー

deno.json にコードを追加すると、次のように Express という単語だけでどこからでもインポートできるようになります。

  import express from “express”
ログイン後にコピー

最初の deno プロジェクトを実行する

最後に、プロジェクトを実行するために npm run を使用する必要がなくなり、deno.json で次のようにタスクを使用するようになりました。

 “tasks": {
    “dev": ‘deno run --watch main.ts’, //it comes by default
  }
ログイン後にコピー

これは、プロジェクトを実行するには次のようにする必要があることを示しています:

deno task dev
ログイン後にコピー

TypeScript をネイティブに使用して deno プロジェクトを実行します。

このミニ チュートリアルがお役に立ち、非常に有望なネイティブ TypeScript ランタイムを使用してプロジェクトを作成するこの新しい方法を楽しんでいただければ幸いです。

以上がDeno で最初のプロジェクトを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート