Vite是什么

Vite是一個開發環境工具，旨在提高我們的開發速度。

最近俺看了一下尤雨溪大大在B站上的直播，直播中他也談到了這款工具，最近花了很多精力在做這件事情。

在尤玉溪推特上也可以看到相關的推文：

As I was going to bed, I had an idea about a no-bundler dev setup (using native browser ES imports), but with support for Vue SFCs **with hot reload**. Now it’s almost 6AM and I have PoC working. The hot reload is so fast it’s near instant.尤大大Twitter

本質上是利用了瀏覽器對于script標簽type=”module”會發送一個請求。

Vite允許您使用單文件組件開發Vue應用程序，而不需要任何捆綁步驟。導入是瀏覽器作為本地ES模塊導入請求的。

開發環境服務器攔截對.

實踐

我們創建以下文件：

Comp.vue

{{ count }}

export default {

data: () => ({ count: 0 })

}

button{

font-size: 2rem;

}

index.html

import { createApp } from 'vue'

import Comp from './Comp.vue'

createApp(Comp).

總結

以上是生活随笔為你收集整理的vue2 怎么用vite_vite快速入门教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。