Vite 第6页

Vite 开发快速入门

前言Vite已经出来很久了，新版本也比较稳定，有没有打算入手一下，推荐下面这篇文章一、Vite简介Vite(法语意为"快速的"，发音/vit/)是一种面向现代浏览器的一个更轻、更快的前端构建工具，能够显著提升前端的开发体验

Luffy船长·2025-05-04 09:35

vite入门教程

Vite是一款现代前端构建工具，它利用ES模块的原生支持来实现更快的开发服务器启动速度和更高效的热更新体验。本教程将帮助你快速上手Vite，并开始使用它进行项目开发。

2501_91537388·2025-05-04 08:04

前端开发核心知识01 - 现代前端开发框架

本文详细探讨了现代前端开发的核心概念，涵盖了Vite作为高效的前端构建工具，以及主流的前端框架（Vue、Preact、Svelte、Lit、Solid、Qwik）的特性、使用方法和适用场景。

2301_76646956·2025-05-04 03:01

脚手架创建vue3项目的方式

第三种方式使用vue-cli创建安装或者升级npminstall-g@vue/cli保证vuecli版本在4.5.0以上vue--version创建项目vuecreatemy-project第四种方式使用vite

loly_zhang·2025-05-02 22:17

Vite 工具链

TS自动推导TS根据useStates中传递的初始值参数自动推断出返回值的类型useState泛型参数当参数类型不明确时注明条件：当且仅当类型安全时候

巴巴_羊·2025-05-02 20:59

Vite构建Vue3 + element-plus组件库 + iconPark图标库

(1)npmcreatevue@latest(2)npmielement-plus--save全局直接使用：import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app

吴永琦（桂林电子科技大学）·2025-05-02 19:48

DQL语句-分组函数-查询

MySQL|DQL语句-分组函数-查询个人博客：https://vite.xingji.fun分组函数分组函数的执行原则：先分组，然后对每一组数据执行分组函数。

THE MATRIX-HZB·2025-05-02 18:43

【VS Code插件开发】入门篇（一）

优质专栏：vue3+vite+typeScript从入门到实践资料领取：前端进阶资料可以找我免费领取摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼(文末有我wx或者私信)目录

不叫猫先生·2025-05-02 17:37

使用 TypeScript 开发并发布一个 npm 包（完整指南）

以日期时间格式化工具为例，涵盖项目初始化、Vite打包、类型声明输出、npm配置、实际发布等完整流程，适合开发者直接套用。

人工智能的苟富贵·2025-05-02 17:35

electron-vite_7win包怎么支持自定义安装路径？

使用electron-builder编译win安装程序的时候，默认是自动安装的，如果需要支持自定义目录的话，需要对electron-builder.yml中的nsis项进行修改更目录下electron-builder.yml打开nsis:oneClick:falseallowToChangeInstallationDirectory:true你可能还想知道```json######nsis简介>是

web前端进阶者·2025-05-02 05:19

【electron-vite+live2d+vue3+element-plus】实现桌面模型宠物+桌面管理系统应用（踩坑）

脚手架项目使用electron-vite脚手架搭建ps:还有一个框架是electron-vite，这个框架我发现与pixi库有冲突，无法使用，如果不用pixi也可以用这个脚手架。

Twelve~·2025-05-02 05:49

Electron-Vite 开源项目指南

Electron-Vite开源项目指南electron-viteNextgenerationElectronbuildtoolingbasedonVite新一代Electron开发构建工具，支持源代码保护项目地址

黎云香·2025-05-02 05:48

Vite 为什么比 Webpack 快？

目录1.Webpack的构建原理2.Script的模块化（主流浏览器对ESModules的支持）3.WebpackvsVite开发模式的差异对ESModules的支持底层语言的差异热更新的处理1.Webpack的构建原理前端之所以需要类似于Webpack这样的构建工具，是为了提高项目的开发效率，Webpack通过分析js中的require语句，分析出当前js文件所有的依赖文件，通过递归的方式层层分

橘子味的冰淇淋~·2025-05-01 18:38

agenIT·2025-05-01 17:00

tauri+vite3创建登录窗口|tauri自定义拖拽区域

上一篇有给大家分享Tauri创建多个窗口。这次分享tauri创建登录窗口切换至主窗口及自定义拖拽元素/最小化/最大化及关闭按钮。tauri+vue3构建多窗口程序应用tauri创建登录窗体TAURI-VUE3-CAHT登录忘记密码注册账号import{ref,reactive,inject}from'vue'import{useStore}from'vuex'import{mainWin}from

xiaoyan_2018·2025-05-01 13:37

electron-vite_6js-cookie失效

我们项目使用了js-cookie，后续集成的时候发现，无法进入首页；经过排查是js-cookie无法使用，可能是electron打包后的项目运行的时候是file:///猜测原因：因为Cookie是与域名相关联的，而file:///协议没有域名，因此Cookie可能无法正常工作。file:///C:/Users/Administrator/AppData/Local/Programs/yyh_col

web前端进阶者·2025-05-01 13:07

electron-vite：轻松保护你的 Electron 源代码

electron-vite是一个新型Electron开发构建工具，旨在为Electron提供更快、更精简的开发体验。源代码保护背景无法保护Electron源代码，是很多开发者提及最多的问题之一。

啊码·2025-05-01 13:36

vue3实战——后台管理系统

Vue3实战——会议室预约后台管理系统开发步骤笔记1.创建项目使用Vite创建一个新的Vue3项目，并选择ElementPlus作为UI框架。

mio1012436·2025-05-01 11:51

Ant Design Vue3 + TypeScript + Vite 左侧菜单生成

AntDesignVue3提供了Menu组件用于生成左侧菜单，我们可以使用Menu组件来构建左侧菜单。下面是一个示例：DashboardUserProfileListimport{defineComponent}from'vue';import{useRoute}from'vue-router';exportdefaultdefineComponent({setup(){constroute=us

zngfue·2025-05-01 06:16

现代前端工具链深度解析：从包管理到构建工具的完整指南

本文将深入探讨现代前端开发中最核心的两大工具类别：包管理工具(npm/yarn)和构建工具(Webpack/Vite)，带你从基础配置到高级技巧全面掌握前端工程化的关键技能。

程序员Bears·2025-04-30 16:17

vite+vue2+elementui构建之 vite.config.js

各种查阅资料，弄了一份直通构建vite构建elementUi核心文件，构建基于开源若依vue2+vue3版本改造，感谢开源，感谢若依。

Sahas1019·2025-04-30 11:47

阿里qiankun微服务搭建

主服务chatvue3tsvite子服务pptreact18vite子服务agent主服务npmivite-plugin-qiankunmian.tsimport'.

接着奏乐接着舞·2025-04-30 03:22

【前端开发者的 uv 工具指南：结合 MCP 实现智能自动化工作流】

前端开发者的uv工具指南：结合MCP实现智能自动化工作流摘要/引言在当今的前端开发环境中，项目复杂度不断上升，开发者需要处理多种工具链，如JavaScript框架（Vue、React）、构建工具（Vite

Gazer_S·2025-04-30 00:59

增强版wps-plugin-deepseek开源插件是DeepSeek 支持的 WPS 插件，在您的办公工作流程中提供智能文档自动化和 AI 驱动的生产力增强

一、软件介绍文末提供程序和源码下载学习增强版wps-plugin-deepseek开源插件专为WPSOffice插件开发打造的Vue模板，搭配Vite构建工具，提供丰富的WPSAPI实操示例。

struggle2025·2025-04-29 18:17

WebXR教学 06 项目4 跳跃小游戏

WebXR教学06项目4跳跃小游戏（1）介绍准备npminstallvitethree代码vite.config.jsimport{defineConfig}from'vite';exportdefaultdefineConfig

90后小陈老师·2025-04-29 13:01

Vue3 使用详解

更小的包体积CompositionAPI：全新的代码组织方式更好的TypeScript支持新的响应式系统：基于Proxy实现Fragment、Teleport、Suspense等新特性二、环境搭建1.使用Vite

上官箫羽·2025-04-29 09:36

Uniapp：vite.config.js全局配置

目录一、基本概述二、配置自动引入插件一、基本概述vite.config.js是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被自动加载，一般用于配置vite的编译选项二、配置自动引入插件在项目命令行终端中执行如下代码

Monly21·2025-04-29 01:10

WebXR教学 05 项目3 太空飞船小游戏

WebXR教学项目3太空飞船小游戏（1）准备工作自动创建package.json文件npminit-y安装Three.js3D图形库，安装现代前端构建工具Vite（用于开发/打包）npminstallthreevite

90后小陈老师·2025-04-28 11:12

[特殊字符]跟着Tailwind精灵和PostCSS法师，踏上前端魔法之旅：深入理解 TailwindCSS 与 PostCSS：从基础到 Vite 集成的演变

深入理解TailwindCSS与PostCSS：从基础到Vite集成的演变在前端开发不断革新的今天，TailwindCSS与PostCSS已成为现代前端工程的重要角色。

GISer_Jinger·2025-04-28 11:42

如今的文旅很火，推出一个文旅应用开发全栈指南，有兴趣的伙伴快来试试！

第一章技术选型与环境准备1.1现代技术栈选择依据前端框架：React18+TypeScript（含Vite构建工具）后端架构：NestJS10（Node.js20LTS）数据库：PostgreSQL15

A达峰绮·2025-04-28 11:11

Rollup、Webpack、Esbuild 和 Vite 前端打包工具

Rollup、Webpack、Esbuild和Vite都是前端开发中常用的打包工具，它们各有特点，以下是对它们的详细对比：核心功能Rollup：专注于JavaScript模块打包，擅长将小的JavaScript

三思而后行，慎承诺·2025-04-28 08:52

lodash 和 lodash-es 的区别

实验创建实验项目通过创建一个Vite+Vue的项目进行此次实验。

foolishflyfox·2025-04-27 08:17

vue3 vite terser打包后保留console.log输出的做法

1、首先安装tersernpminstallterser-S//一定要是-S将其保存到dependencies而不是devDependencies2、在vite.config.js中进行如下配置:和plugins

jjw_zyfx·2025-04-26 22:47

【高频考点精讲】前端构建工具对比：Webpack、Vite、Rollup和Parcel

前端构建工具大乱斗：Webpack、Vite、Rollup和Parcel谁是你的菜？

全栈老李技术面试·2025-04-26 14:19

webpack构建流程、基础配置、打包性能优化、热更新、和Vite区别

文章目录一、webpack构建流程四个阶段：1.配置文件解析：2.入口处理：3.模块加载与转换：4.插件执行：5.打包优化：6.生成输出文件：二、webpack基础配置1.`entry`2.`output`3.`mode`4.`module`5.`resolve`6.`plugins`7.`devServer`8.`optimization`：代码分割、压缩三、loader和pluginloade

loey_ln·2025-04-26 14:19

Vue3+Vite+TypeScript+Element Plus开发-23.客制Form组件

系列文档目录Vue3+Vite+TypeScript安装ElementPlus安装与配置主页设计与router配置静态菜单设计Pinia引入Header响应式菜单缩展Mockjs引用与Axios封装登录设计登录成功跳转主页多用户动态加载菜单

秋之猫·2025-04-26 10:25

vite+vue3+ts编译vue组件后，编译产物中d.ts文件为空

一、前言使用vue3+vite+ts实现一个UI组件库，为了生成类型文件便于其他项目引用该组件库。

zyk_520·2025-04-25 02:47

Vite 与 Webpack 的区别

在前端开发中，构建工具是不可或缺的，Webpack和Vite是当前最流行的选择之一。尽管它们的目标相似，但在实现方式和开发体验上却有显著差异。

自信的飞·2025-04-24 10:25

Vite + Flowbite + Svelte 实战：打造现代化高效前端应用

本文将带你探索如何结合Vite、Flowbite和Svelte这三大前沿技术，构建一个现代化、高性能的前端应用。无论你是刚接触这些技术的新手，还是有一定经验的开发者，都能从本文中获得实用的知识和技巧。

人民广场吃泡面·2025-04-24 09:52

vue vite开发时保留console.log打包完后依然想保留某个文件夹下的console.log方便以后的观察

rollup/plugin-strip":"^3.0.4","terser":"^5.39.0",//这个不用也行如果不用则需要将build中的minify和terserOptions一并删除了然后在vite.config.js

jjw_zyfx·2025-04-24 01:56

Vue3+TS中svg图标的使用-@unocss/preset-icons

UnoCSS提供的图标预设，支持从本地和在线图标库加载图标，本文介绍本地图标库的使用从https://blog.csdn.net/u013737132/article/details/145499595得知vite-plugin-svg-icons

码农张3·2025-04-23 20:30

Vue3集成sass

安装依赖pnpmadd-Dsass-embedded配置全局变量新建文件src/styles/variables.scss配置Vite修改vite.config.tsvariables.scss$base-color

码农张3·2025-04-23 20:26

【前端记事】关于electron的入门使用

electron入门使用背景howtostart第一步创建一个vite-vue3项目第二步装各种依赖第三步配置vite.config.jspackage.jsonelectron入口启动重写关闭、隐藏、

亭台烟雨中·2025-04-23 12:32

Vue3实现动态菜单功能

文章目录0.效果演示1.搭建Vue3项目1.1vite脚手架创建Vue3项目1.2设置文件别名1.3安装配置element-plus1.4安装配置路由2.登录页面3.后台管理页面3.1搭建后台框架3.2

bjzhang75·2025-04-23 05:44

一起来动手实现一个ai聊天对话

项目技术栈vite---一个前端工程构建工具。antd---一个reactui组件库。@ant-design/icons----一个react图标库。mockjs---模拟消息对话数据。

·2025-04-23 00:48

# Vue 3全面指南：从入门到精通

Vue3全面指南：从入门到精通目录基础概念与环境搭建组合式API(CompositionAPI)响应式系统组件开发高级特性性能优化最佳实践1.基础概念与环境搭建1.1创建Vue3项目#使用Vite创建项目

烂泥扶不上墙的刘鑫·2025-04-22 17:03

深入解析树摇（Tree Shaking）及其在前端优化中的应用

本文将重点介绍树摇的原理和工作方式，并展示如何在Vue和Vite项目中实现树摇功能。什么是树摇（TreeShaking）？

ZJ_.·2025-04-22 01:26

Tree Shaking（摇树优化）详解

TreeShaking（摇树优化）详解TreeShaking是现代JavaScript打包工具（如Webpack、Rollup、Vite等）中的一项重要优化技术，它的名字形象地比喻为"摇动一棵树，让没用的叶子掉下来

web网页精选·2025-04-22 01:52

基于 Vue3 + Vite 搭建高扩展性后台管理系统实战

基于此，本项目采用Vue3+Vite的技术栈，结合Pinia状态管理和ElementPlus组件库，打造一套高效、可扩展的后台管理系统解决方案。

·2025-04-21 17:53

基于vite创建的react18项目的单元测试

通过查询资料，大拿们基本都说基于vite的项目，用vitest进行测试比较方便一写。闲话不多说，步入正题。

追梦吗喽·2025-04-21 06:07

推荐频道

Vite