vite

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

基于vue3+vite+axios的接口请求封装

importaxiosfrom'axios';importqsfrom'qs'//创建axios实例constrequest=axios.create({baseURL:import.meta.env.VITE_BASE_URL
编码七号·2025-03-05 16:31

Vite：现代前端构建工具的新选择

Vite作为一个由Vue.js创建者尤雨溪开发的新一代前端构建工具，正是为了解决这些问题而诞生的。本文将深入探讨Vite的优势、核心特性以及它与传统构建工具的对比。
前端切图仔001·2025-03-05 11:15

vite.config.js 配置详解

vite.config.js是Vite项目的核心配置文件，借助它能够对Vite构建工具的各项行为进行定制。
yqcoder·2025-03-05 02:02

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

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

视频教育网站开源系统的部署安装 （roncoo-education）服务器为ubuntu22.04.05

一、说明前端技术体系：Vue3+Nuxt3+Vite5+Vue-Router+Element-Plus+Pinia+Axios后端技术体系：SpringCloudAlibaba2021+MySQL8+Nacos
浪淘沙jkp·2025-03-04 16:19

Svelte 高效开发必备插件与工具推荐（附详细配置指南）

**@sveltejs/vite-pl
i建模·2025-03-04 12:14

使用WebStorm开发Vue3项目

基本配置打包工具：Vite前端框架：ElementPlus开发语言：Vue3、TypeScript、Sass代码检查：ESLint、PrettierIDE：WebStorm2024.2首先说一下版本兼容问题
web18285997089·2025-03-03 07:07

Pinia第二章：Pinia 安装与基础配置

2.1安装流程全解析#使用npm安装（推荐用于标准项目）npminstallpinia--save#使用yarn安装（推荐用于Monorepo项目）yarnaddpinia#针对Vite项目的优化安装（
道不尽世间的沧桑·2025-03-01 20:55

cordova app webpack升级为vite

本文是对vue2进行兼容1.在项目根目录下运行以下命令，安装Vite和必要的插件：npminstallvite@vitejs/plugin-legacy--save-devvite：Vite核心包。
weixin_45410246·2025-03-01 17:38

vue3 - vite项目报错Failed to parse source for import analysis because the content contains invalid JS sy

问题说明在vue3+vite项目开发中，详解报错：[plugin:vite:import-analysis]FailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.IfyouareusingJSX
街尾杂货店&·2025-03-01 03:53

Webpack、Vite区别知多少？

前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？
m0_74824044·2025-02-28 23:58

以下是自定义针对 Vite + TypeScript 项目的完整路径别名配置流程：

以下是针对Vite+TypeScript项目的完整路径别名配置流程：1.安装必要依赖bashnpminstall-D@types/node2.配置vite.config.tstypescript//vite.config.tsimport
AF01·2025-02-28 19:56

vite+vue+ts+element-plus从零开发管理后台框架(02)-路径别名配置

路径别名是为了方便模块文件引入，比如有src/util/time_util.ts这样一个模块。如果没有路径别名，可能有的是importtime_utilfrom'./time_util'，有的是importtime_utilfrom'../../../../../time_util'这样引入。而有了路径别名，不管当前模块文件在哪个路径，都可以统一用importtime_utilfrom'@/uti
·2025-02-28 16:58

【现代前端框架中本地图片资源的处理方案】

本文将详细探讨在webpack和Vite等构建工具中处理本地图片引用的各种方法。传统方式的局限性在传统开发中，我们可能习惯这样引用图片：constl
Gazer_S·2025-02-28 10:51

vite构建打包性能优化

提高静态资源的容量大小第二种：合并路由打包第三种：最小拆分打包五、打包分析插件六、组件按需导入七、图片资源压缩八、CDN加速我的博客原文：https://code-nav.top/article/1071最近在用Vite4
富朝阳·2025-02-28 03:19

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

布局参考文档，整体使用上、左、右的布局。编辑src/views/Main.vue，内容如下。HeaderAsideMain.el-header{background-color:red;}.el-aside{background-color:green;}.el-main{background-color:blue;}浏览器访问http://localhost:5173/#/，会发现高度没有铺满。
·2025-02-27 21:29

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

视图新建src/views/Home.vue，内容如下。首页新建src/views/sys/AdmUserPassword.vue，内容如下。密码更新新建src/views/sys/AdmUser.vue，内容如下。管理员新建src/views/log/AdmUserLogin.vue，内容如下。管理员登录日志路由配置编辑src/router/index.ts，修改Main路由如下。{path:'
·2025-02-27 21:29

Vite 与 Webpack：性能差异解析

牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite
阿珊和她的猫·2025-02-27 11:07

React + TypeScript 复杂布局开发实战

React+TypeScript复杂布局开发实战一、项目架构设计（基于最新技术栈）1.1技术选型与工程创建#使用Vite5.x+React19+TypeScript5.4npxcreate-vite@latestpower-designer-ui
i建模·2025-02-26 07:07

Vue3使用Axios请求二次封装（包含跨域配置）

constrequest=axios.create({//基础路径baseURL:import.meta.env.VITE_APP_BASE_A
数学分析分析什么？·2025-02-26 01:30

JavaScript系列（86）--现代构建工具详解

主流的构建工具包括webpack、Vite、Rollup等，它们各有特点和适用场景。webpack详解//1.webpack配置classWebpackC
ᅟᅠ        ‌‍‎‏ 一进制·2025-02-25 23:48

vite 开启 gzip压缩

使用vite如何开启gzip压缩文章目录使用vite如何开启gzip压缩1.引言为什么需要Gzip压缩？
二川bro·2025-02-25 23:12

React之从0开始（2）

如果硬要改，也不是不行，但是你得同时修改Vite或者其他构建工具的配置。然后我们还会发现，新建的一个项目里面有一个文件package.json。这
️○-·2025-02-25 19:46

手把手完成前端Vue3 + Vite项目工程化搭建

vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境：Node.jsv16.14.2+npmv8.3.2开发工具：VisualStudioCodeorWebStorm
m0_74825447·2025-02-25 17:31

Vite （Vue3 + TS）解决跨域问题

1.vite.config.ts中添加如下代码：exportdefaultdefineConfig({server:{proxy:{'/api':{target:'http://xxx.com/',//
JingpengZhang·2025-02-25 08:58

在vite中 解决跨域问题

请求接口会产生跨域问题，需要做个代理服务器配置在vite.config.ts中进行配置：import{fileURLToPath,URL}from'node:url'import{defineConfig
是马铭轩·2025-02-25 07:56

从零搭建 Vue3 + VIte + Ts 项目 —— 并集成eslint 、prettier

plugins:[‘vue’,‘@typescript-eslint’],//新增root:true,//对某些文件进行单独配置（这里针对TypeScript文件）overrides:[{files:[‘.ts’,'.tsx’,‘*.vue’],rules:{‘no-undef’:‘off’,//在TypeScript中没有必要使用no-undef规则},},],//自定义规则rules:{//h
2301_82244509·2025-02-25 07:20

Vue 3 + Vite 项目中配置代理解决开发环境中跨域请求问题

在Vue3+Vite项目中，配置代理是解决开发环境中跨域请求问题的常见方法。通过在Vite的配置文件中设置代理，可以将前端请求转发到后端服务器，从而避免浏览器的同源策略限制。
匹马夕阳·2025-02-25 07:19

vue3+vite 配置使用 @ 引入文件

如何在vue3中使用@来引入文件我这里用到的是vue:^3.2.45和vite:^4.1.0版本，所以在配置之前需要先安装一个可以使用resolve的插件，有了此插件就可以通过import来引入path
LayneTu·2025-02-25 05:04

一分钟搭建 Vite + Cesium 开发环境

⚠2021年4月1日更新：10秒钟搭建Vite+Cesium开发环境创建目录mkdircesium-vite-testcdcesium-vite-test/创建package.jsonyarninit-y
·2025-02-24 23:47

vue3+vite项目跨域配置（踩坑无数篇）

1.vite.config.js配置注意：因为我是用vite创建的，不是vue-cli，当时搜了好多教程都教的是新建一个vue.config.js，发现根本没有生效，所以，如果使用vite创建的项目就在
大头女侠·2025-02-24 09:17

VUE3+VITE简单的跨域代理配置

出于安全考虑，未设置前端白名单，前端开发时，需要配置代理。在本地创建一个虚拟服务器，发送请求数据，同时接受请求的数据，利用服务器与服务器间，交互，不会有跨域问题，也是完全只靠前端自己独立解决跨域的方式应用代理前代理后前端http://localhost:5173/cms置空后端http://localhost:7001/apihttps://gov.cn:8080/gov-api/在.env.de
kkkkkkkkira·2025-02-24 09:46

nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典

向doubao.com/chat/提问：node.js+js-mdict作为后端，vue3+vite作为前端，编写在线查询英汉词典后端部分（express+js-mdict）1.项目结构首先，创建一个项目目录
belldeep·2025-02-24 09:11

vue3+vite+axios 配置连接后端调用接口的实现方法

在vite.config.ts文件中添加以下配置exportdefaultdefineConfig({plugins:[vue()],optimizeDeps:{include:['axios'],},
嫣嫣细语·2025-02-24 09:11

vue：vite 代理服务器 proxy 配置

Vite代理服务器（Proxy）的配置通常用于开发环境，以解决跨域请求等问题。以下是一个详细的配置步骤：通过以上步骤，你就可以在Vite项目中配置代理服务器，以便在开发过程中方便地访问后端服务。‌
belldeep·2025-02-24 08:09

前端：一篇彻底搞懂Vite/Webpack(比较/区别)

文章目录一.Webpack1.Webpack的HMR2.webpack-dev-server的热更新：3.原理二.Vite1.Vite2的HMR2.esbuild3.Vite原理:一.Webpack1.
Freedom3568·2025-02-24 04:40

2022年9月前端学习笔记

目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.
早日退休！·2025-02-24 04:09

前端打包工具rollup、webpack、vite的区别

总结rollup更适合打包库，webpack更适合打包项目，vite基于rollup实现了热更新也适合打包项目。
手掌日月摘星辰·2025-02-24 04:36

【前端学习笔记】Vite

Vite的核心思想是通过利用浏览器原生的模块系统（ESModules）以及对构建过程进行优化，从而大大提升开发和构建的效率。
咔叽布吉·2025-02-24 03:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他