越寫悅快樂之如何快速開啓一個基於Deno的項目

今天的越寫悅快樂之系列文章爲大家帶來如何快速開啓一個基於Deno的項目的文章。Node.js的創建者罕見地發佈了Deno,它是一個安全的JavaScript和TypeScript的運行時。作爲一個旨在改進Node.js的運行時,我們不得不去看看它究竟有哪些魔力讓我們去探索,擴展我們對前端的認知邊界,讓我們一起來探索吧。

環境信息

  • Windows - 10.0.17763
  • VSCode - 1.53.2

版本信息

  • deno - 1.8.0

Deno是什麼(What)

它是一個簡單、現代、安全的運行時,它專爲JavaScript和TypeScript設計,使用V8和Rust構建而成,來源於deno

Deno的特點(What)

  • 默認安全的,沒有文件、沒有網絡、沒有環境訪問,除非你明確地指定;
  • 開箱支持TypeScript;
  • 支持單個可執行的文件;
  • 內置格式化、依賴檢測等工具;
  • 內置經過審查的標準庫和衆多可擴展的第三方庫;

安裝Deno(How)

Deno 作爲獨立的無任何依賴的可執行命令,安裝完成後即可使用相關命令。

命令行方式安裝

  • Shell(Mac,Linux)
curl -fsSL https://deno.land/x/install/install.sh | sh
  • PowerShell(Windows)
iwr https://deno.land/x/install/install.ps1 -useb | iex
  • Homebrew (Mac)
brew install deno
  • Chocolatey (Windows)
choco install deno
  • Scoop (Windows)
scoop install deno

源代碼方式安裝

  • 通過Cargo進行安裝和構建
cargo install deno --locked

如若獲知更多安裝選項請參考deno_install

安裝完成後,我們可以在命令行運行以下命令查看安裝是否成功:

deno --version

通過模板運行一個模塊(How)

我們通過git clone https://github.com/justjavac/deno_starter.git拉取項目到本地,並通過VS Code來打開項目,項目的目錄結構如下圖所示:

我們來說明一個Deno項目所需要的元素:

  • .github/workflows/ci.yml (可選)- 用於利用GitHub Actions構建項目持續集成配置
  • .vscode (可選)- 用於基於VS Code開發的基本配置,包括運行環境、推薦插件等
  • .gitattributes (可選)- 用於GitHub識別項目的編程語言
  • CHANGELOG.md (可選)- 用於描述項目在發佈過程中的變更日誌
  • LICENSE (可選)- 用於描述開源項目運行的開源協議
  • mod_test.ts(可選)- 用於測試Deno入口模塊
  • mod.ts(必須)- 用於聲明Deno入口模塊
  • README.md(必須)- 用於描述項目的基本信息

接下來我們要做什麼(How)

  • 更改項目名稱
  • 創建項目的邏輯
  • 調整入口模塊
  • 驗證Lint和格式化
  • 推送項目到GitHub
  • 發佈版本到Deno的第三方倉庫
  • 其他人使用該庫

參考(Where)

個人收穫及總結(With)

不知不覺已經2021年了,如果不實踐TypeScriptDeno的話,都不好意思說我是前端碼農,也就是說我們要不斷優化我們的產品,提升用戶體驗,構建更多的應用場景,我們不能讓技術的不斷迭代打一個措手不及,我們要做的就是新技術的出現能不能改善我們的用戶體驗,能不能提升我們的產品開發效率,能不能做一些重複性的工作,解放我們的雙手,纔能有精力構建更優質的服務和產品體驗,讓我們一起創造更加美好的未來吧。若是我的文章對你有所啓發,那將是我莫大的榮幸。希望和您一起精進,成爲更好的自己。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章