越写悦快乐之如何快速开启一个基于Deno的项目

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

Deno安装是否成功 - 图片来自我的手机

通过模板运行一个模块（How）

我们通过git clone https://github.com/justjavac/deno_starter.git拉取项目到本地，并通过VS Code来打开项目，项目的目录结构如下图所示：

Deno项目目录 - 图片来自我的手机

我们来说明一个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）

• deno_starter
• deno_install

个人收获及总结（With）

不知不觉已经2021年了，如果不实践TypeScript和Deno的话，都不好意思说我是前端码农，也就是说我们要不断优化我们的产品，提升用户体验，构建更多的应用场景，我们不能让技术的不断迭代打一个措手不及，我们要做的就是新技术的出现能不能改善我们的用户体验，能不能提升我们的产品开发效率，能不能做一些重复性的工作，解放我们的双手，才能有精力构建更优质的服务和产品体验，让我们一起创造更加美好的未来吧。若是我的文章对你有所启发，那将是我莫大的荣幸。希望和您一起精进，成为更好的自己。