Maison > interface Web > js tutoriel > le corps du texte

Réaliser votre premier projet avec Deno

DDD
Libérer: 2024-10-16 06:22:02
original
1086 Les gens l'ont consulté

Making your First Project with Deno

Pour présenter ce sujet, commençons par définir ce qu'est le deno. Deno est un environnement d'exécution pour JavaScript, TypeScript et WebAssembly, développé par Ryan Dahl, le créateur de Node.js. Il utilise le moteur V8 de Chrome et est écrit en Rust12.'

Avantages.

  1. Sécurité par défaut : Deno n'a pas accès aux fichiers, réseaux ou environnements, sauf autorisation explicite. Cela réduit le risque de failles de sécurité.

  2. Prise en charge native de TypeScript : Deno exécute TypeScript de manière native sans configuration supplémentaire, ce qui simplifie le développement et améliore la productivité.

  3. Modules standard : Deno comprend un ensemble de modules standards examinés et audités, ce qui réduit la dépendance à l'égard des packages externes et améliore la sécurité et la stabilité du code.

  4. Outils intégrés : livré avec des outils utiles tels qu'un inspecteur de dépendances, un formateur de code et un linter, qui facilite la maintenance et la qualité du code.

  5. Gestion des dépendances : Deno utilise des URL pour importer des modules, éliminant ainsi le besoin d'un fichier package.json et d'un gestionnaire de packages comme npm. Cela simplifie la gestion des dépendances.

  6. Prise en charge de WebAssembly : Deno prend en charge WebAssembly, vous permettant d'exécuter du code haute performance écrit dans d'autres langages.

Créer votre premier projet

Pour démarrer avec un projet deno, utilisez la commande suivante :

 deno init <project_name>
Copier après la connexion

Cela créera un projet qui aura ce qui suit

- project_name/
  |- main.ts
  |- deno.json
  |- main_test.ts
Copier après la connexion

Et ça y est, vous avez créé votre premier projet deno.

À propos des modules et des importations

Lorsque vous créiez un projet dans astro, next.js et autres, vous installiez les dépendances via npm, pnpm, bun, etc. Maintenant, ce n'est plus nécessaire.

Façons d'importer

Avec deno, il existe deux manières principales d'importer des packages. La première consiste simplement à importer à partir de ce package, qu'il s'agisse de npm ou d'un autre package que vous utilisez.

Dans certains de vos fichiers Next.js, Vite ou Astro par exemple, on installerait le package requis puis l'importerait dans le fichier. Désormais, avec deno, au lieu d'installer le package, vous l'importez simplement en nommant votre gestionnaire de packages avant le package dont vous avez besoin. Par exemple si on voulait utiliser express, ça se ferait comme ça :

  import express from “npm:express”
Copier après la connexion

Cela indique que vous souhaitez importer express, à partir du package npm express, donc, en répétant ce qui a déjà été dit, vous n'avez pas besoin de l'installer, importez-le simplement !!!!

Ou deuxièmement, au lieu de devoir l'importer avec la nomenclature « npm : », nous éditons le fichier deno.json créé, où vous ajoutez ce qui suit :

  “imports": {
  “express": ”npm:express”
}
Copier après la connexion

Avec le code ajouté à deno.json, vous pouvez désormais importer où vous voulez avec juste le mot express comme ceci :

  import express from “express”
Copier après la connexion

Exécutez votre premier projet deno

Enfin, pour exécuter le projet, vous n'avez plus besoin d'utiliser npm run, vous utilisez maintenant les tâches comme indiqué ci-dessous dans le deno.json :

 “tasks": {
    “dev": ‘deno run --watch main.ts’, //it comes by default
  }
Copier après la connexion

Cela nous dit que pour mener le projet, il faudrait simplement faire :

deno task dev
Copier après la connexion

Vous exécuterez votre projet deno avec TypeScript de manière native.

J'espère que ce mini tutoriel vous a aidé et que vous apprécierez cette nouvelle façon de réaliser des projets avec un runtime dactylographié natif très prometteur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal