【前端開發】vite使用教程

 

 

vite 的使用方式

vite —— 一個由 vue 作者尤雨溪開發的 web 開發工具，它具有以下特點：

快速的冷啟動

即時的模塊熱更新

真正的按需編譯

 

同常見的開發工具一樣，vite 提供了用 npm 或者 yarn 一建生成項目結構的方式，使用 yarn 在終端執行：

$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev

即可初始化一個 vite 項目（默認應用模板為 vue3.x），生成的項目結構十分簡潔：

|____node_modules
|____App.vue // 應用入口
|____index.html // 頁面入口
|____vite.config.js // 配置文件
|____package.json

執行 yarn dev 即可啟動應用 。