Maison > Article > interface Web > Réaliser votre premier projet avec 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.'
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é.
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é.
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.
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.
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.
Prise en charge de WebAssembly : Deno prend en charge WebAssembly, vous permettant d'exécuter du code haute performance écrit dans d'autres langages.
Pour démarrer avec un projet deno, utilisez la commande suivante :
deno init <project_name>
Cela créera un projet qui aura ce qui suit
- project_name/ |- main.ts |- deno.json |- main_test.ts
Et ça y est, vous avez créé votre premier projet deno.
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.
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”
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” }
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”
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 }
Cela nous dit que pour mener le projet, il faudrait simplement faire :
deno task dev
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!