创建vite项目

236 阅读1分钟

1. vite 介绍

中文社区:vitejs.cn/

Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

vite打包优势:

  1. vite 通过es6 module 方式引入,而webpack通过先打包的方式

  2. HMR 热模块更新,即不用刷新整个DOM

  3. 使用Rollup打包

2. 构建vite项目

npm

npm init vite

Yarn

yarn create vite

执行后操作:

1.创建一个vite项目,并起名
2.选择 vue 的项目
3.选择 vue-ts
4.下载依赖 

下载依赖: npm install

启动项目: npm run dev