Vite

在 Vue 3 项目中实现图片的在线预览（百度搜索暂未验证）

当使用Vue3+TypeScript+Vite完成图片在线预览时，你可以使用第三方库vue-image-lightbox来实现。
xiaoming4965·2023-12-06 07:25

vue3中使用require导入图片

因为vite构建的vue3项目，无法使用require导入图片，需要处理。
给大佬端茶送水·2023-12-06 06:16

js实现在线预览(PC)图片、pdf、excel、docx

js实现图片预览参考：添加链接描述图片预览本来用的是element-plus自带的组件el-image，但是去不掉缩略图，所以换成了el-imag-viewer组件（图片可拖拽），由于用的vite没有require
来福福是小可爱！·2023-12-06 05:11

vue3项目安装vite-plugin-mock 项目报错

vue3+vite项目安装了vite-plugin-mock之后，根据官网配置使用，vscode会出现波浪线，启动项目，发现运行不了解决办法：安装vite-plugin-mock2.9.6的版本即可pnpminstallmockjsvite-plugin-mock
张小帆的博客·2023-12-06 03:26

解决 vite 中 import.meta.globEager is not function 的问题

本人正在重构两年前搭建到一半的博客网站，相关依赖都很陈旧，用到了npm-check-updates检测项目可升级依赖：升级完成后解决完依赖发现控制台报错import.meta.globEagerisnotfunction解决方案：vite
置酒天晴·2023-12-06 02:01

Vue学习计划--Vue2（一）简单了解vue

后续呢会有react16和react18、node、webpack、vite、以及实战项目，期间会包含umijs,nextjs,nuxtjs等等更多的更前沿的
化作繁星·2023-12-06 01:42

JavaWeb 前端工程化

前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
南城余coding·2023-12-05 19:37

【TailwindCSS】

本文旨在提供一份详细的TailwindCSS使用教程，特别适用于Vite和Vue框架的组合。我们将从安装开始，深入探讨如何在项目中有效利用TailwindCSS的各项功能，以及如何自定义和优化样式。
LinDon_·2023-12-05 17:06

【Web系列二十七】Vue实现dom元素拖拽并限制移动范围

目录需求拖拽功能封装使用拖拽功能vite-env.d.tsmain.tstest.vue需求dom元素拖拽并限制在父组件范围内拖拽功能封装exportconstinitVDrag=(vue)=>{vue.directive
Nicholson07·2023-12-05 17:26

SSM项目实战-前端-将uid存放在pinia中

pinianpminstallpinia{"name":"pro20-schedule","private":true,"version":"0.0.0","type":"module","scripts":{"dev":"vite
丁总学Java·2023-12-05 16:42

Flowable+React+bpmn-js实现工作流

技术栈前端前端是基于React开发的，使用了antd做页面布局，bpmn-js做流程图设计，使用vite工具打包后端后端是基于SpringBoot开发的，整合了flowable工作流引擎，mybatis-plus
qiuxinfa123·2023-12-05 14:15

微前端介绍

方案无界微前端方案无界方案成本低速度快原生隔离功能强大总结前言：微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite
前端 贾公子·2023-12-05 09:31

vite 配置公共基础路径

由于vue打包后，资源加载太慢，所以考虑将js、css资源等放到oss存储来加快用户的访问速度在vite中具体要怎么实现呢？这里我们用到了vite中的base配置开发或生产环境服务的公共基础路径。
乐辞·2023-12-05 00:37

nvm工具解决nodejs版本切换问题

常见版本问题npm启动vite项目报错，信息如下npmrundev>[email protected]:\data\code\document-assistant-web>vitefile:///
iru·2023-12-05 00:25

如何创建vue项目，创建的方式？

2.使用Vite工具创建Vue项目。3.使用webpack创建vue项目。
南庐·2023-12-04 21:59

Vue项目目录结构

gitignore配置git忽略文件index.html入口HTML文件package-lock.json信息描述文件（所有模块）package.json信息描述文件（主模块）README.md自述文件vite.config.jsVue
翰戈.summer·2023-12-04 21:29

(使用vite搭建vue3项目（vite + vue3 + vue router + pinia + element plus）)

使用vite搭建vue3项目（vite+vue3+vuerouter+pinia+elementplus）初始化项目安装依赖，运行项目初始配置初始化项目1.需要在创建项目的位置cmd目录下执行2.npminitvite
梦想家加一·2023-12-04 21:17

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子，
程序员小杰#·2023-12-04 17:26

133. 面试官：JSBridge是什么？

132期问题及答案1.vite为什么比webpack快？
伊泽瑞尔灬·2023-12-04 17:14

《React 知识点》第一篇 大括号使用{}

functionexpressionTest(){constname="变量测试";return({name}表达式2+10={2+100});}函数调用functionfuncListTest(){constlist=["Vite
雷鸣_IT·2023-12-04 12:52

uni_app+vite+vue3+ts开发小程序，解决getUserProfile()获取用户信息问题

1.前言最近开发小程序，开发环境uni_app+vue3等。在获取小程序平台用户信息是报错：{errMsg:"getUserProfile:failmustbeinvokedbyusertapgesture",errNo:21500}我在抖音上查了下错误码：看到这个解释也是瞬间无语了，然后在平台查找错误，找了半天终于在vue2升级vue3文档里面找到解决办法,官方链接：uni-app官网(dclo
平谷一勺·2023-12-04 08:13

vite的使用

vite说是面向未来的框架，支持esm模块化，虽然可以引入require插件来支持，commomjs不过介意别用，因为老旧的包和node版本问题也很多，对应升级的生态nuxt3和新的需要更新node版本
坚持学习前端日记·2023-12-04 07:45

SSM项目实战-编写路由规则以及登录页面实现，使用Vue3+Vite+Element-Plus+Axios技术

1、components/Login.vue  登录注册 import{reactive}from'vue'constform=reactive({username:'lina',userPwd:'123456',})2、App.vue3、安装路由器VueRouter，添加依赖https://router.vuejs.org/zh/installation.htmln
丁总学Java·2023-12-04 06:38

SSM项目实战-登录验证成功并路由到首页面，Vue3+Vite+Axios+Element-Plus技术

1、util/request.jsimportaxiosfrom"axios";letrequest=axios.create({baseURL:"http://localhost:8080",timeout:50000});exportdefaultrequest2、api/sysUser.jsimportrequestfrom"../util/request.js";exportconstlo
丁总学Java·2023-12-04 06:33

docker 单页面部署

以部署vue-vite-test单页面应用为例，使用npmrunbuild，静态资源目录是/dist创建dockerfileFROMnode:14-alpineWORKDIR/appCOPYpackage.jsonpackage-lock.json
shadow123·2023-12-04 02:37

three.js结合vue

作者：baekpcyyy1.搭建环境ps：这里要按照node.js在之前有关vue搭建中有介绍新建文件夹并在vsc终端中打开1.输入vite创建指令npminitvite@latest然后我们cd进入刚才创建的目录下
fanjianwucmx·2023-12-04 02:06

vue3（vite）设置代理，封装axios，api解耦

一、设置代理打开根目录下的vite.config.js文件，设置代理import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//https
微光无限·2023-12-04 01:31

解决vite在WSL环境下热更新失效问题

解决vite在wsl环境下热更新失效问题使用vite的好处很多，最明显的就是热更新很快。但是在wsl环境的时候，由于WSL2的限制，vite默认配置是无法监控windows文件系统中文件的变化的。
acgCode·2023-12-04 00:43

vite + ts + eslint全局变量配置

vite+ts+eslint全局变量配置在开发过程中，我们经常需要配置一些全局变量。下面我将记录，我全局变量的配置流程。
acgCode·2023-12-04 00:43

解决vite在远程开发服务器上的反复刷新问题

但是在运行基于vite的开发服务过程中，我发现vite一直在不断重新链接。抓取错误发现，是vite的websocket服务端口号不对。因为我linux暴露出来的端口号应该为18
acgCode·2023-12-04 00:43

element-plus的自动导入和按需导入

我的项目是使用vite进行构建的，根据官网的文档，利用unplugin-vue-components插件进行自动按需导入。当我们使用element的标签时，无需再使用import对组件进行导入。
acgCode·2023-12-04 00:12

typescript + vite 项目如何配置别名

vite.config.js：exportdefaultdefineConfig({resolve:{alias:{'@':path.resolve(__dirname,'src')//配置别名}}})
acgCode·2023-12-04 00:12

vite中使用postcss-px-to-viewport,适配vant

问题背景目前项目面临以下几个问题1.项目整体是pc端项目，只是某几个页面为移动端，不需要所有的页面都进行移动端适配3.设计稿750px，vant的设计稿为375，vite中使用vw不好设置基准值。
吃炸鸡的前端·2023-12-04 00:48

vite项目 postcss-px-to-viewport适配vant

关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学postcss-px-to-viewport
紫轩阁·2023-12-03 23:12

vite插件实现移动端适配

目前主流的移动端适配方案有两种：rem适配和vw，本文实现手写vite插件实现vw的适配在html文件中需要添加下列代码，使用viewport文中使用了postCss，因为vite中已经内置了postCss
胡同学ou·2023-12-03 23:05

electron+vue3初体验

创建项目使用命令npmcreatevite@latest创建vue3项目二、引入electron可参考官网配置Electron1、下载electron使用命令npminstallelectron-D以为使用的是vite
胡同学ou·2023-12-03 23:05

用vite搭建vue3+ts项目

一、环境搭建1：首先vite环境安装npminitvite或者yarninitvite2：输入项目的名字,在这里用vue3_test?
一个大土豆的日常·2023-12-03 20:41

vue3+vite搭建cesium项目

1.创建项目cnpmcreatevite2.安装依赖npmicesiumvite-plugin-cesiumvite-D3.在vite.config.js里进行配置import{defineConfig
m0_63701303·2023-12-03 19:30

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理
十八岁讨厌编程·2023-12-03 19:06

解决vue3项目打包发布到服务器后访问页面显示空白问题

1.在vite.config.ts文件中加入base:'.
前端~·2023-12-03 15:57

vue3-vite-ts：编写Rollup插件并使用 / 优化构建过程

一、vue3-vite-ts项目，编写Rollup插件并使用的意义在使用Vue3+Vite+TypeScript这种技术栈时，可以使用Rollup插件来优化构建过程，例如使用rollup-plugin-typescript2
snowball_li·2023-12-03 10:38

Electron+Ts+Vue+Vite桌面应用系列：TypeScript常用系统目录文件处理工具

打开系统文件或系统文件夹1.9根据字节转换文件大小带单位优质资源分享作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418Electron+Ts+Vue+Vite
xcLeigh·2023-12-03 08:33

初探webpack之单应用多端构建

来给予开发者非常大的操作空间来操作构建过程，通过操作中间产物我们可以非常方便地实现多端构建，当然这是一种思想而不是深度绑定在webpack中的方法，我们也可以借助其他的构建工具来实现，比如rollup、vite
WindrunnerMax·2023-12-03 06:30

uni-app 项目支持 vue 3.0 介绍，及升级指南

简介HBuilderX3.3.0+更新uni-app编译器，支持基于Vite编译到小程序平台。
硅谷干货·2023-12-03 01:02

Springboot3+vue3从0到1开发实战项目（一）

可以在本项目里面自由发挥拓展二.知识整合项目使用到的技术后端开发：Validation,Mybatis,Redis,Junit,SpringBoot3，mysql，Swagger,JDK17，JWT，项目部署前端开发：Vue3，Vite
努力的小周同学·2023-12-03 00:52

2024最新教程，手把手带你创建一个 Vue 3应用

创建的项目将使用基于Vite的构建设置确保你安装了最新版本的Node.js，并且你的当前工作目录正是打算创建项目的目录。
蓝斑.json·2023-12-02 22:55

前端入门（五）Vue3组合式API特性

文章目录Vue3简介创建Vue3工程使用vite创建vue-cli方式常用CompositionAPI启动项-setup()setup的执行时机与参数响应式原理vue2中的响应式vue3中的响应式ref
椛丿未眠”·2023-12-02 22:54

vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)

unplugin-vue-components和unplugin-auto-importnpmiunplugin-vue-componentsunplugin-auto-import根据elementUIplus官网说明快速开始.需要在vite.con
苏米素·2023-12-02 17:21

自己写一个简单的 Vite

文章目录什么是Vite分析需要知道的知识点思路目标开发先写一个Node服务返回宿主页面处理js文件裸模块的路径重写加载裸模块process报错解析sfc模板编译整体代码gitee地址什么是Vite官网上已经说明啦
Lovely Ruby·2023-12-02 16:47

vite环境变量相关

importpathfrom'path'importpostCssPxToRemfrom'postcss-pxtorem'import{defineConfig,loadEnv}from'vite'importcreateVitePluginsfrom
weixin_47560716·2023-12-02 14:03
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他