vue和deno的结晶--vno来了

喜大普奔，第一个用于在 Deno 运行时环境中编译和捆绑 Vue 组件的构建工具来了-- vno ，vno 的核心是一个适配器，它将解析一个或多个 Vue 组件文件，并将其编译并捆绑到 Javascript 文件中，以供浏览器读取和呈现。

vno 是啥

  __    ___ __   ___
  \\ \\ / / '_ \\ / _ \\
   \\ V /| | | | (_) |
    \\_/ |_| |_|\\___/

众所周知，Vue 是一个非常容易上手的 Javascript 框架，具有令人兴奋的生态系统，并具有易用、灵活、高效的特点，Deno 是一个 JavaScript/TypeScript 的运行时，默认使用安全环境执行代码，有着卓越的开发体验，那 Vue 和 Deno 能擦出怎么样的火花？于是社区便有开发者造了 deno 运行时环境中使用 vue 框架的这里轮子-- vno 。

通过使用一些简单的 CLI 命令，vno 模块提供了与 create-vue 应用程序等效的功能。vno create降低了在 Deno 环境中使用 Vue 的门槛，在定义根组件的相对路径之后，vno 将递归地遍历文件结构，找到所有 .vue 文件，然后开始解析过程。在解析操作过程中，每个组件的单独标签都被隔离和存储，并且考虑了文件之间的所有必要连接，确保按正确的顺序进行构建。vno build之后您将看到 vno-build 创建的文件夹，并在其中包括一个 build.js 文件和一个 style.css 文件。vno run dev将动态开启服务器运行新版本，并运行应用程序。

如何使用 vno

上文提到的 CLI 命令需要我们安装 vno：

当然您也可以直接使用, 如：

通过 vno 创建一个新项目:

切换到项目路径，构建项目：

运行一个简单的开发服务器:

除了上述的操作之外，我们还可以使用 vno 独有的配置文件vno.config.json,在配置文件中添加服务器属性,如：

{
  "root": "App",
  "entry": "./path/to/rootcomponent",
  "options": {
    "title": "an example application"
    "port": 4040
  },
  "server": "./path/to/server.ts"
}

然后通过执行vno run server运行服务。

意料之外

和往常一样，作为 Copy 攻城狮，我以为随随便便就能使用新的插件，结果我在安装的时候就报错了，然后免安装使用也是这个情况，精力有限暂时就放到以后再看吧，也请大佬指点指点，issue 就不提了，可能是我环境的问题。

简单看下了源码命令文件，截止到 2021-01-12，Copy 攻城狮本大狮了解到 vno 暂时有如下指令：

# 创建项目
vno create

# 构建项目
vno build

# 运行开发服务
vno run dev

# 运行服务
vno run server

# 查看帮助
vno --help

# 打印模块特定信息
vno --info

总得来说，目前 vno 还在萌芽期，属于萌新级项目，一个月前才进行了第一提交，如果您想构建自己的 Deno CLI 工具，目前来看 vno 是个不错的练手项目。

今天先到这，但愿本文能对您有所启发！