首頁 > web前端 > js教程 > 使用 Deno 製作您的第一個項目

使用 Deno 製作您的第一個項目

DDD
發布: 2024-10-16 06:22:02
原創
1092 人瀏覽過

Making your First Project with Deno

為了介紹這個主題,我們先來定義一下什麼是 deno。 Deno 是 JavaScript、TypeScript 和 WebAssembly 的執行環境,由 Node.js 的創建者 Ryan Dahl 開發。它使用 Chrome 的 V8 引擎並用 Rust12 編寫。 '

優點。

  1. 預設安全性:除非明確授予,否則 Deno 無法存取檔案、網路或環境。這降低了安全漏洞的風險。

  2. 原生 TypeScript 支援:Deno 原生運行 TypeScript,無需額外配置,從而簡化了開發並提高了生產力。

  3. 標準模組:Deno 包含一組經過審查和審核的標準模組,減少了對外部套件的依賴,提高了程式碼的安全性和穩定性。

  4. 整合工具:附帶使用的工具,例如依賴項檢查器、程式碼格式化程式和 linter,有助於程式碼維護和品質。

  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,主要有兩種導入包的方式。第一種是簡單地從該套件匯入,無論它是 npm 還是您使用的其他套件。

例如,在您的某些 Next.js、Vite 或 Astro 檔案中,可以安裝所需的套件,然後將其匯入到檔案中。現在,使用 deno,您無需安裝軟體包,只需在所需的軟體包之前命名軟體包管理器即可導入它。例如,如果我們想使用express,就可以這樣做:

  import express from “npm:express”
登入後複製

這表示你要從npm express套件中導入express,所以,重複已經說過的,你不需要安裝它,導入它即可! ! !

其次,我們不必使用「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 專案。

我希望這個迷你教學對您有所幫助,並且您喜歡這種使用非常有前途的本機打字稿運行時來製作專案的新方法。

以上是使用 Deno 製作您的第一個項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板