astro最近已经发布了rc版本(正式版前的最后版本),一直以来都很关注。

官网：astro.build

那它官网给出的优点就是快而小(最后build的文件小)

第2个就是它支持目前主流的前端框架组件的直接使用，这个就很牛逼了，不管你前面熟悉哪个框架都可以直接使用。

安装

需要node14,16或者更高的版本

在国内用这个卡死

在官网首页给你准备了很多模板，都是放在stackblitz上，这个就牛逼了，直接打开下载文件，1秒搞定，哈哈

然后到本地npm i 全部搞定

啥也不说了，我直接选择了我最爱的svelte模板，这东西写组件快。

vscode插件

有个官方的astro插件，装上就好

看下目录解构：

其它不看，看主要的src文件夹

里面是component和page

component里面是svelte文件

page里面是.astro文件

page和其它的fullstack框架一样，index.astro就代表路由 '/',one.astro就代表路由 '/one'，总的来讲还是很简单的。

后缀为astro的文件，官网给出了完整的教程，看了下，和其它框架差的不是很多。

如何使用组件？

首先是引入组件，这个和其它框架一样，不过在使用的时候略有不同。

正常我们直接写<Counter></Counter>就可以了

不过这里这样写不生效。

要加上client:visible