今天的越寫悅快樂之系列文章爲大家帶來如何快速開啓一個基於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年了,如果不實踐TypeScript
和Deno
的話,都不好意思說我是前端碼農,也就是說我們要不斷優化我們的產品,提升用戶體驗,構建更多的應用場景,我們不能讓技術的不斷迭代打一個措手不及,我們要做的就是新技術的出現能不能改善我們的用戶體驗,能不能提升我們的產品開發效率,能不能做一些重複性的工作,解放我們的雙手,纔能有精力構建更優質的服務和產品體驗,讓我們一起創造更加美好的未來吧。若是我的文章對你有所啓發,那將是我莫大的榮幸。希望和您一起精進,成爲更好的自己。