个人网站推广方案,wordpress本地音乐播放器,什么是网站源码,交易猫钓鱼网站制作教学一、简介
vite是新一代前端构建工具#xff0c;官网地址#xff1a;https://vitejs.cn vite的优势如下#xff1a;
轻量快速的热重载#xff08;HMR#xff09;#xff0c;能实现极速的服务启动。对 TypeScript、JSX、CSS 等支持开箱即用。真正的按需编译#xff0c;不…一、简介
vite是新一代前端构建工具官网地址https://vitejs.cn vite的优势如下
轻量快速的热重载HMR能实现极速的服务启动。对 TypeScript、JSX、CSS 等支持开箱即用。真正的按需编译不再等待整个应用编译完成。webpack构建 与 vite构建对比图如下 webpack构建 vite构建 对比看来vite的构建可以类比懒加载技术用到哪个模块在构建哪个模块。
二、案例
## 1.创建命令
npm create vuelatest## 2.具体配置
## 配置项目名称
√ Project name: vue3_test
## 是否添加TypeScript支持
√ Add TypeScript? Yes
## 是否添加JSX支持
√ Add JSX Support? No
## 是否添加路由环境
√ Add Vue Router for Single Page Application development? No
## 是否添加pinia环境
√ Add Pinia for state management? No
## 是否添加单元测试
√ Add Vitest for Unit Testing? No
## 是否添加端到端测试方案
√ Add an End-to-End Testing Solution? » No
## 是否添加ESLint语法检查
√ Add ESLint for code quality? Yes
## 是否添加Prettiert代码格式化
√ Add Prettier for code formatting? No在平时学习中 √ Add ESLint for code quality? Yes 可以选择No 关闭代码质量检查