Heim > Web-Frontend > js-Tutorial > Machen Sie Ihr erstes Projekt mit Deno

Machen Sie Ihr erstes Projekt mit Deno

DDD
Freigeben: 2024-10-16 06:22:02
Original
1119 Leute haben es durchsucht

Making your First Project with Deno

Um dieses Thema einzuführen, beginnen wir mit der Definition, was Deno ist. Deno ist eine Laufzeitumgebung für JavaScript, TypeScript und WebAssembly, entwickelt von Ryan Dahl, dem Erfinder von Node.js. Es nutzt die V8-Engine von Chrome und ist in Rust12 geschrieben.'

Vorteile.

  1. Standardmäßige Sicherheit: Deno hat keinen Zugriff auf Dateien, Netzwerke oder Umgebungen, es sei denn, dies wird ausdrücklich gewährt. Dies verringert das Risiko von Sicherheitslücken.

  2. Native TypeScript-Unterstützung: Deno führt TypeScript nativ ohne zusätzliche Konfiguration aus, was die Entwicklung vereinfacht und die Produktivität verbessert.

  3. Standardmodule: Deno enthält eine Reihe überprüfter und geprüfter Standardmodule, die die Abhängigkeit von externen Paketen verringern und die Codesicherheit und -stabilität verbessern.

  4. Integrierte Tools: Enthält nützliche Tools wie einen Abhängigkeitsinspektor, einen Codeformatierer und einen Linter, der die Codepflege und -qualität erleichtert.

  5. Abhängigkeitsbehandlung: Deno verwendet URLs zum Importieren von Modulen, wodurch die Notwendigkeit einer package.json-Datei und eines Paketmanagers wie npm entfällt. Dies vereinfacht das Abhängigkeitsmanagement.

  6. WebAssembly-Unterstützung: Deno unterstützt WebAssembly, sodass Sie in anderen Sprachen geschriebenen Hochleistungscode ausführen können.

Erstellen Sie Ihr erstes Projekt

Um mit einem Deno-Projekt zu beginnen, verwenden Sie den folgenden Befehl:

 deno init <project_name>
Nach dem Login kopieren

Dadurch wird ein Projekt erstellt, das Folgendes enthält:

- project_name/
  |- main.ts
  |- deno.json
  |- main_test.ts
Nach dem Login kopieren

Und das war's, Sie haben Ihr erstes Deno-Projekt erstellt.

Über Module und Importe

Wenn Sie früher ein Projekt in Astro, next.js und anderen erstellt haben, haben Sie die Abhängigkeiten über npm, pnpm, bun usw. installiert. Dies ist jetzt nicht mehr notwendig.

Möglichkeiten zum Importieren

Mit deno gibt es hauptsächlich zwei Möglichkeiten, Pakete zu importieren. Die erste besteht darin, einfach aus diesem Paket zu importieren, unabhängig davon, ob es sich um npm oder ein anderes Paket handelt, das Sie verwenden.

In einer Ihrer Next.js-, Vite- oder Astro-Dateien würde man beispielsweise das erforderliche Paket installieren und es dann in die Datei importieren. Anstatt das Paket zu installieren, importieren Sie es jetzt mit deno einfach, indem Sie Ihren Paketmanager vor dem benötigten Paket benennen. Wenn wir zum Beispiel Express verwenden wollten, würden wir das so machen:

  import express from “npm:express”
Nach dem Login kopieren

Dies zeigt an, dass Sie Express aus dem npm-Express-Paket importieren möchten. Um das bereits Gesagte zu wiederholen: Sie müssen es nicht installieren, sondern nur importieren!!!!

Oder zweitens, anstatt es mit der Nomenklatur „npm:“ importieren zu müssen, bearbeiten wir die erstellte deno.json-Datei, wobei Sie Folgendes hinzufügen:

  “imports": {
  “express": ”npm:express”
}
Nach dem Login kopieren

Mit dem zu deno.json hinzugefügten Code können Sie jetzt mit nur dem Wort Express wie folgt von überall importieren:

  import express from “express”
Nach dem Login kopieren

Führen Sie Ihr erstes Deno-Projekt aus

Schließlich müssen Sie zum Ausführen des Projekts nicht mehr npm run verwenden. Jetzt verwenden Sie die Aufgaben wie folgt in deno.json:

 “tasks": {
    “dev": ‘deno run --watch main.ts’, //it comes by default
  }
Nach dem Login kopieren

Das sagt uns, dass wir zum Ausführen des Projekts einfach Folgendes tun müssten:

deno task dev
Nach dem Login kopieren

Sie führen Ihr Deno-Projekt nativ mit Typescript aus.

Ich hoffe, dass Ihnen dieses Mini-Tutorial geholfen hat und dass Ihnen diese neue Art der Projekterstellung mit einer vielversprechenden nativen Typescript-Laufzeitumgebung gefällt.

Das obige ist der detaillierte Inhalt vonMachen Sie Ihr erstes Projekt mit Deno. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage