Vite和Vue3:Vite是一种新的开发服务器和构建工具,它利用了现代浏览器支持的原生ES模块导入,为开发者提供了极速的冷启动和即时热更新
Vite是一种新型前端构建工具,它利用现代浏览器的原生ES模块支持来实现快速的HMR(Hot Module Replacement,热模块替换)。Vite主要特性包括:
- 快速的热模块替换(HMR)。
- 依赖预包括(Dependency Pre-Bundling)。
- 按需编译。
- 全局SCSS/CSS Variable支持。
- 插件API。
以下是一个使用Vite和Vue3创建新项目的基本步骤:
- 确保你的Node.js版本至少为12.0.0。
- 使用npm或者yarn创建一个新项目:
npm init vite@latest my-vue-app --template vue-ts
# 或者
yarn create vite my-vue-app --template vue-ts
- 进入项目文件夹并安装依赖:
cd my-vue-app
npm install
# 或者
yarn
- 启动开发服务器:
npm run dev
# 或者
yarn dev
以上命令会创建一个新的Vue 3项目,并且使用Vite作为构建工具。开发服务器将会运行在http://localhost:3000
。
评论已关闭