Vite 第8页

使用 React 和 Vite 使用 Tauri 构建番茄钟

当与React和Vite结合使用时，它可以用于为所有桌面平台构建极其快速的二进制文件。开发人员可以使用Tauri通过Web技术编写安全、精简和快速的跨平台桌面应用程序。

pxr007·2025-03-18 06:32

创建 Tauri + Vue + Typescript + Vite + Less 应用

niuiic·2025-03-18 06:00

vue3 vite打包后页面控制台报错Access to script at ‘file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist

vue3vite打包后页面白屏控制台报错Accesstoscriptat'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist1安装兼容插件

Dinosaur啊呜·2025-03-17 03:35

【Vue3+Vite指南】全局引入SCSS文件后出现Undefined mixin？一招解决命名空间陷阱！

【Vue3+Vite全局引入SCSS指南】解决Undefinedmixin错误的完整方案本文目录前置准备：安装SCSS环境问题现象与错误分析根本原因：Sass模块化的命名空间三大解决方案详解方案1:显式命名空间调用方案

积水成江·2025-03-17 03:30

使用vite脚手架搭建react项目

安装完vite后，使用npmcreatevitemy-react-app(my-react-app这是我自己的项目名，你自己可以随便取名字)先会问你，确定继续吗？继续你就y一下。

JiaLin_Denny·2025-03-16 20:14

element-plus按需引入报错IconsResolver is not a function

官网文档：element-plus-best-practices/vite.config.tsatdb2dfc983ccda5570033a0ac608a1bd9d9a7f658·sxzz/element-plus-best-practices

Beamon__·2025-03-16 13:21

ThreeJs中使用lil-gui无法改变其所属父元素

就是我自己使用了Vite+V3创建了一个项目框架，用来记录自己学习Three的一个过程，但是里面就存在了一个问题，我们在newGUI()后不能改变其父级元素，就像默认父级元素在body上一样问题描述GUI

一只程序熊·2025-03-16 00:49

Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战

一、问题背景：令人困惑的白屏现象在开发一个基于Vue3+Vite+TypeScript的中后台管理系统时，我们遭遇了一个典型的性能问题：页面刷新后出现持续1-2秒的白屏，随后才正常渲染内容。

TE-茶叶蛋·2025-03-15 21:53

vite静态资源压缩-图片压缩

安装插件：pnpmivite-plugin-imagemin-Dvite.config.ts中使用import{defineConfig,loadEnv}from"vite";importvuefrom

·2025-03-15 14:29

Vue3 + TypeScript 实战经验：2025年高效开发指南

一、工程配置：构建坚如磐石的基础1.脚手架选择与优化1.1推荐方案：使用Vite+create-vue初始化项目（2024年默认模板已集成TypeScript）关键配置：//vite.config.tsexportde

ctrl_cv工程师￥·2025-03-15 00:58

Electron+Vue3+Vite+ElectronForge整合 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用JS的语法开发。

NorthCastle·2025-03-14 16:49

Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用TS的语法开发。

NorthCastle·2025-03-14 16:49

「手把手教学」Monorepo项目搭建与管理——实战案例

Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分

lifire_H·2025-03-14 14:03

vite配置绝对路径-引入资源的绝对路径

在vite.config.ts中配置import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path

·2025-03-14 12:17

vuejs相关链接和格式化插件推荐

router.vuejs.org/zh/guide/elementplus(vue3)|elementUI(vue2)：https://element-plus.org/zh-CN/#/zh-CN构建工具vite

醉酒的李白、·2025-03-14 10:27

在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

在Vite创建项目中引入Sass弹出ThelegacyJSAPIisdeprecatedandwillberemovedinDartSass2.0.0原因分析：其实通过报错提供的链接就可以知道，sass

宝子卡粉·2025-03-14 08:52

React+Vite从零搭建项目及配置详解

相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。目录一、创建项目react-item二、调整项目目录结构三、使用scss预处理器四、组件库AntDesign五、配置基础路由六、配置别名路径一、创建项目react-itemnpmcreatevitereact-item二、调整项目目录结构-src-apis项目接口函数-assets项目

一朵好运莲·2025-03-14 06:36

Stack Navigator中使用自定义的Render Callback

前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？

AI画手小王·2025-03-14 06:32

webpack和vite的区别

主要区别是：1.构建速度Vite：开发环境下，Vite利用浏览器原生支持的ES模块（ESM），按需编译和加载模块，避免了全量打包。这使得Vite的启动速度和热更新速度极快，尤其在大型项目中优势明显。

阿丽塔~·2025-03-14 06:32

vue和django接口联调

vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。

变形金刚卖人寿保险还是汽车保险·2025-03-13 21:37

vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化

问题编辑src/views/Home.vue，添加一个主颜色的按钮。Primary首页{{item}}正常鼠标滑过发现鼠标滑过后颜色出问题了，这是因为按钮样式使用了主颜色相关的变量，而主颜色相关的变量不止el-color-primary这个css变量。按钮样式主颜色变量所以我们要把这些主颜色相关的变量都动态设置解决编辑src/store/color.ts，添加如下辅助方法。import{defin

mirahs·2025-03-13 19:17

vite+vue+ts+element-plus从零开发管理后台框架(03)-路由

新建视图新建src/views/Login.vue，内容如下。这是登录页新建src/views/Main.vue，内容如下。这是主页新建src/views/errors/404.vue，内容如下。404pagenotfound编辑src/App.vue，内容如下。路由配置安装组件[email protected]新建src/router/index.ts，内容如下。import{

mirahs·2025-03-13 18:17

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。

貂蝉空大·2025-03-13 18:15

vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置

之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl

mirahs·2025-03-13 18:41

vite+vue+ts+element-plus从零开发管理后台框架(20)-多页签移除和跳转

多页签添加移除方法编辑src/store/fastnav.ts，添加removeData方法。removeData(path:string):string{if(this.datas.length{{item.desc}}script段添加onTagClose方法。constonCollapseSwitch=()=>{menuStore.collapse=!menuStore.collapse}c

·2025-03-13 15:44

npm run dev原理

所以执行npmrundev等同于执行vite（仅限于下图场景中）2、npm会到node_modules/.bin/目录下找到vite.sh，并执行该shell该shell文件如下#!

black^sugar·2025-03-13 12:03

npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库

1.初始化项目本示例使用npm7+版本（项目为sos-ol-map）#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线：npminitvite@latestsos-ol-map----templatevue-ts#yarnyarncreatevitesos-ol-map--templatevue-ts#pnpmpnp

sisimi_43966973·2025-03-13 12:30

使用Vite创建Vue3项目

为啥选vite创建，请看vite官网给出的解释，我只是一个不想记忆的咸鱼。使用npm搭建项目，要求Node.js版本>=14.18.0。

Asafoetida阿魏·2025-03-13 11:20

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v

牛牪犇0·2025-03-13 08:59

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

安装插件npminstall@vueuse/[email protected]编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import{useFullscre

·2025-03-13 06:32

Vite 不支持 require 解决方案（三种情况/require is not defined）

前言首先，Vite中没有require相关方法，因为它默认支持ESM方式加载模块！

Harriet嘉·2025-03-13 05:34

全局引用scss文件定义的变量

在vite.config.ts文件中写如下代码css:{preprocessorOptions:{scss:{additionalData:`@use"@/assets/styles/index.scss

魏时烟·2025-03-13 04:55

100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker

1.项目初始化如果你的Vue3项目还没有创建，可以使用Vite进行快速搭建：npmcreatevite@latestvue-openlayers-demo--tem

吉檀迦俐·2025-03-12 20:59

Vue Amazing UI插件推荐

以下是针对VueAmazingUI的综合分析和技术选型建议，结合其技术特性、适用场景及与主流库的对比：一、核心优势解析技术栈轻量高效Vue3+Vite原生支持：充分发挥Vue3的CompositionAPI

前端熊猫·2025-03-12 19:24

vite自动引入api（按需import）

pnpminstall-Dunplugin-auto-import在vite.config.ts中配置//vite

·2025-03-12 12:25

Vite+微前端Qinkun的基本部署

一、前言Qiankun是一个基于Single-SPA的微前端框架，由阿里巴巴团队开发并开源。它旨在帮助开发者将大型前端应用拆分为多个独立的子应用，从而实现更高效的开发、维护和部署。Qiankun提供了一套完整的解决方案，支持多个独立的前端应用在同一个页面中运行，同时保持各自的独立性和隔离性。二、核心特征应用隔离：Qiankun通过沙箱机制实现了JavaScript、CSS和DOM的隔离，确保子应用

前端程序员_花姐夫Jun·2025-03-12 10:23

three.js 在 webGL 添加纹理

为了方便，我将使用vite搭建一个原生js项目

belldeep·2025-03-11 01:28

vite+vue+ts+element-plus从零开发管理后台框架(15)-暗黑模式

设置编辑src/main.ts，引入暗黑模式样式文件。import'element-plus/dist/index.css'import'element-plus/theme-chalk/dark/css-vars.css'编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化useDarkimport{useFulls

·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(12)-logo和标题

编辑src/views/Main.vue，template段header-left修改如下。logo和标题全部在router-link标签下，即点击的时候会跳转到/这个路由，展开状态下显示logo和标题，折叠状态下只显示logo。VEVueElementstyle段header-left修改如下，这里要注意route-link渲染之后就是a标签。.header-left{&a{height:60p

·2025-03-10 18:25

vite+vue+ts+element-plus从零开发管理后台框架(08)-顶部整体布局

顶部整体使用左、中、右的布局。左侧宽度跟菜单宽度一样，如果菜单未折叠就显示后台logo和后台名称，如果折叠了就只显示后台logo。右侧内容自适应，主要是显示系统工具按钮和用户信息。中间使用剩余空间，主要是显示菜单折叠按钮和多页签。布局编辑src/views/Main.vue，template段el-header修改如下。leftcenterrightstyle段el-header类修改如下.el-

·2025-03-10 18:54

Vite 打包后Nginx部署配置

vite.config.js配置文件—纯笔记记录,没有阅读价值～exportdefault{base:"/mywebsite",//开发或生产环境服务的公共基础路径}当base修改后nginx部署时需要做相应调整

winyh5·2025-03-10 05:36

electron + vue3 + vite 渲染进程到主进程的单向通信

用示例讲解下渲染进程到主进程的单向通信初始版本项目结构可参考项目：https://github.com/ylpxzx/electron-forge-project/tree/init_project渲染进程到主进程（单向）以Electron官方文档给出的”渲染进程触发动作修改主进程窗口标题“为例完整项目示例：https://github.com/ylpxzx/electron-forge-proj

狼性书生·2025-03-09 10:56

vue3+vite插件开发

typeScript不太友好(由于装饰器语法过于复杂,这里不讨论vue2+装饰器来使用typeScript),故vue2项目没有开发webpack插件去实现代码补全这篇文章主要介绍的是vue3+ts+vite

糖糖老师436·2025-03-09 05:50

大事件开发 - 前端学习笔记

1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。

我只是什么都不会而已·2025-03-09 00:42

vite：初学 p5.js demo 画圆圈

为了方便，我将使用vite搭建一个原生js项目。1.创建项目npmcreatevite@latestp5-demo选：Vanilla选：JavaScrip

belldeep·2025-03-08 21:05

vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结

vue-router3.0+elementUI2.15+avue2.6的后台管理项目，因为vue2在2023年底已经不更新维护了，elementUI也只支持到vue2，然后总结了一下vue3的优势，最后批准升级成为了vite

David+Zhao·2025-03-08 16:19

vue3+vite项目打包后css样式丢失

问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit

Angus-zoe·2025-03-06 23:56

vue3+vite+ts项目中使用vue-router

vite.config.ts:import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom"path";

枫叶&情缘·2025-03-06 11:42

Vue3+Vite+Axios Request 请求封装（TS版本）最新

Vue3+Vite+AxiosRequest请求封装（TS版本）http>index.ts请求封装/**@Date:2024-03-3012:37:05*@LastEditors:zhong*@LastEditTime

她似晚风般温柔789·2025-03-05 17:15

vue3+vite 封装axios请求

vue3+vite封装axios请求安装axios创建axios实例封装请求方式封装请求接口vue中调用安装axiosnpminstallaxios创建axios实例//http/index.jsimportaxiosfrom'axios'import

bsefef·2025-03-05 16:05

推荐频道

Vite