astro最近已經(jīng)發(fā)布了rc版本(正式版前的最后版本),一直以來(lái)都很關(guān)注。

官網(wǎng)：astro.build

那它官網(wǎng)給出的優(yōu)點(diǎn)就是快而小(最后build的文件小)

第2個(gè)就是它支持目前主流的前端框架組件的直接使用，這個(gè)就很牛逼了，不管你前面熟悉哪個(gè)框架都可以直接使用。

安裝

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

在國(guó)內(nèi)用這個(gè)卡死

在官網(wǎng)首頁(yè)給你準(zhǔn)備了很多模板，都是放在stackblitz上，這個(gè)就牛逼了，直接打開(kāi)下載文件，1秒搞定，哈哈

然后到本地npm i 全部搞定

啥也不說(shuō)了，我直接選擇了我最?lèi)?ài)的svelte模板，這東西寫(xiě)組件快。

vscode插件

有個(gè)官方的astro插件，裝上就好

看下目錄解構(gòu)：

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

里面是component和page

component里面是svelte文件

page里面是.astro文件

page和其它的fullstack框架一樣，index.astro就代表路由 '/',one.astro就代表路由 '/one'，總的來(lái)講還是很簡(jiǎn)單的。

后綴為astro的文件，官網(wǎng)給出了完整的教程，看了下，和其它框架差的不是很多。

如何使用組件？

首先是引入組件，這個(gè)和其它框架一樣，不過(guò)在使用的時(shí)候略有不同。

正常我們直接寫(xiě)<Counter></Counter>就可以了

不過(guò)這里這樣寫(xiě)不生效。

要加上client:visible