Vite

vite配置alias

vite.config.js别名配置resolve.alias类型：Record|Array将会被传递到@rollup/plugin-alias作为entries的选项。
weixin_46787337·2023-12-14 15:06

vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选

需求：table的多选栏太小，点击的时候要瞄着点，不然选不上，要求实现点击单行实现勾选constweightList=ref([])consthandleSelectionChange=(val:any)=>{weightList.value=valconsole.log(weightList)}consthandleRowChick=(row)=>{constselected=weightLis
渣渣灰飞·2023-12-14 14:47

vite配置ant自动引入

';import'ant-design-vue/dist/antd.css';安装插件npminstall-Dunplugin-vue-componentsunplugin-auto-import配置vite.config.tsimportvuefrom
这个一个非常哈·2023-12-14 13:30

vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2
忧郁的蛋~·2023-12-14 12:56

耗时三年开源的H5商城，强烈推荐

从项目初期到现在，一个人持续迭代，修复漏洞，添加功能，经历了前端开发工具从vue2、vue-cli切换到vue3、vite的转变，也经历了后端技术框架从SpringBoot2到SpringBoot3的变迁
waynaqua·2023-12-06 21:11

vue3组件/指令发布npm流程

1.新建一个vue3+ts+vite项目npmcreatevite@latest项目名----templatevue-ts2.安装新项目的依赖，进入新项目把App.vue的无关内容可以清空，无关的图标样式也删除
King_960725·2023-12-06 19:02

解决 IDEA下vue3 + vite @符号无法识别的问题

在项目根目录新建jsconfig.json文件{"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]}},"exclude":["node_modules","dist"]}
XJF_XH·2023-12-06 17:11

前端webpack、vite搭建的项目如何解决跨域

首先，跨域问题的控制台报错如下：AccesstoXMLHttpRequestat'https://exsample.com/api/wx/haha/yaya'fromorigin'http://localhost:5173'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:No'Ac
申申呢？·2023-12-06 16:45

【JavaWeb】前端工程化（VUE3）

spread2.5es6的对象创建和拷贝2.6es6的模块化处理三、前端工程化环境搭建3.1Node.js3.2npm3.2.1npm的配置3.2.2npm常用命令四、Vue3简介和快速体验五、Vue3通过Vite
比尔高特·2023-12-06 12:05

arco-design-pro-vue Less 变量替换 主题色替换

文档地址:https://arco.design/vue/docs/theme1、首先配置样式main.ts2、vite配置变量vite.config.base.ts3、编译后修改效果红色主题色第一次配置时候我直接配置的
我就是看看哦·2023-12-06 11:42

搭建React项目，基于Vite+React+TS+ESLint+Prettier+Husky+Commitlint

基于Vite+React+TS+ESLint+Prettier+Husky+Commitlint搭建React项目node:20.10.0一、创建项目安装包管理器pnpmnpmipnpm-g基于Vite
原谅我很悲·2023-12-06 09:28

（vue3.x+vite）组件间通信方式之默认插槽（匿名插槽）

前端技术社区总目录（订阅之前请先查看该博客）示例效果默认插槽（匿名插槽）插槽slot通常用于两个父子组件之间，最常见的应用就是我们使用一些UI组件库中的弹窗组件时，弹窗组件的内容是可以让我们自定义的，这就是使用了插槽的原理。（1）slot是Vue中的内置标签。（2）slot相当于给子组件挖出了一个槽，可以用来填充内容。（3）父组件中调用子组件时，子组件标签之间的内容元素就是要放置的内容，它会把sl
地图之家家长·2023-12-06 07:36

在 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
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他