Vite 第21页

@vitejs/plugin-legacy 为你的 Vite 项目提供对旧版浏览器的支持

@vitejs/plugin-legacy是Vite生态系统中的一个插件，它的作用是为你的Vite项目提供对旧版浏览器的支持。

逆风优雅·2023-11-25 12:40

vue3 vite v-for动态创建img

逆风优雅·2023-11-25 12:10

VUE项目设置环境变量(区分webpack和vite)

我们在开发项目的时候会很多环境,比如有开发环境,测试环境,开发环境一般在项目中会有两个env的配置文件：.env.development是默认开发环境下的配置文件.env.production是生产环境下的配置文件如果项目中没有配置这两个文件的话,那么项目跑起来(npmrunserve)默认就是开发环境,(npmrunbuild跑起来就是生产环境)使用webpack搭建1.查看默认开发环境变量我们

肖富贵…·2023-11-25 12:56

vue3+ts+vite 打包报错 TS2304: Cannot find name ‘xxx‘

都说vue组合式api好，那必须来一套试试，而且elementui的demo全是lang="ts"了改成组合式api没问题，但是当加上lang="ts"之后就疯狂报错src/components/table/tableshow.vue:7:28-errorTS2304:Cannotfindname'tempshow'.src/components/table/tableshow.vue:8:29-

啃火龙果的兔子·2023-11-25 11:04

vue2项目升级到vue3遇到的问题汇总

规定修改为需要有登录功能以及操作日志，因此为了节省时间直接使用ruoyi-vue3-master版本直接升级，java后台倒是挺简单的，但是vue2-》vue3问题挺多的1.首先是运行项目时提示import_vite_plugin_svg_icons.createSvgIconsPlugin

往事不堪回首..·2023-11-25 10:34

vite和webpack的区别和练习

Vite和Webpack都是现代化的前端构建工具，但它们之间存在一些区别：构建性能：Vite使用ESModules提高了构建性能，可以在构建时只构建需要的部分，而Webpack则需要在构建时处理整个应用程序

song19990524·2023-11-25 09:35

VUE3.x

vue3搭项目的配套方案:vite+vue3+pinia+vue-router4一.概述vue3最大的改进:用proxy重写响应式ES6,即ES2015越灵活的东西,越不可控扩展性更好,代码更不容易组织

假以时日♪·2023-11-25 08:08

Vue3用法

文章目录Vue31.创建vue31.1使用vue-cli创建1.2使用vite创建(node版本>12.0.0.0)2.setup函数3.ref函数(修改数据需要.value)4.reactive函数(

ZT_KEBEI·2023-11-25 07:29

【前端微服务】qiankun

构建主项目修改主项目app.vue子项目构建修改vue.config.js创建文件public-path修改main.js项目内通信qiankun全局通讯全局组件使用父子项目store公用主项目传递全局参数关于vite

齐·2023-11-25 04:19

【微前端】qiankun

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、qiankun是什么qiankun是一种前端微服务架构，旨在解决大型复杂应用的拆分和管理问题。

逛街的猫啊·2023-11-25 04:47

vue3中报错ReferenceError: require is not defined

因为写项目的时候使用的是vite工具，而require是webpage中的，解决方法如下：通过import引入图片，图片名字随便起然后再要使用的时候，输入你引入的名字(imgName)即可解决

苍风的心上人·2023-11-25 02:38

Vue学习之路

1.vue是什么概念：vue是一个用于构建用户界面的渐进式框架声明式渲染=>组件系统=>客户端路由(VueRouter)=>大规模状态管理(Vuex)=>构建工具(Webpack/vite)vue的两种使用方式

wuhuajun_123456·2023-11-24 23:09

Vue3.2基础及Vant的使用

galen.zhang/vue3-demo/tree/master/vue3-base-apiVue3常用插件Volar、VueVSCodeSnippets、AutoCloseTag、VuePeek、Vite

GalenZhang888·2023-11-24 20:46

Vite构建项目：Vue3 + Ts + Pinia + VueRouter + AntDesignVue

本文参考：Vite快速构建Vue项目本文记录快速构建Vite+Vue3项目的过程，包含以下7个步骤，3-7项都是可选项，可以按个人需要进行配置，比如可以用vuex代替pinia，采用其他Vue组件代替AntDesignVue

阿华tian·2023-11-24 20:14

vue3 + ts + pinia + router + eslint 项目创建起步流程

vue3+ts+pinia+router+eslint项目起步流程创建项目目标：使用vite初始化项目核心步骤：初始化项目yarncreatevue或npminitvue一顿操作√Projectname

wendyymei·2023-11-24 20:13

vue3+ts+antDesign+pinia+axios+svg简单基座配置过程

yarnglobalremovevue3.安装vue最新版本：yarnglobaladdvue@next4.安装vue-cli最新版本：yarnglobaladd@vue/cli@next2.安装使用vite

Liszter·2023-11-24 20:11

我做了一个vue3的js版管理系统，基于 Vue 3 + js + Pinia +Vite + Ant Design Vue 构建，快来瞧瞧

基于Vue3+js+Pinia+Vite+AntDesignVue构建做这个项目主要原因：全网大都是Vue3+TypeScript版本的,soso决定做一个JavaScript版本

书中枫叶·2023-11-24 20:10

vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（2）

回顾上篇文章地址：vite+vue3+ts+antdesignvue+tailwindcss搭建前端web应用（1）_konsei的博客-CSDN博客上篇文章搭建了vue3项目，引入了antdesignvue

konsei·2023-11-24 20:40

vue3项目中引入svg矢量图

安装SVG依赖插件pnpminstallvite-plugin-svg-icons-D在vite.config.ts中配置插件import{createSvgIconsPlugin}from'vite-plugi

w.Mao·2023-11-24 19:54

vue3中引入svg矢量图

vue3中引入svg矢量图1、前言2、安装SVG依赖插件3、在vite.config.ts中配置插件4、main.ts入口文件导入5、使用svg5.1在src/assets/icons文件夹下引入svg

前端~初学者·2023-11-24 19:43

vue3.0 vuex的使用

vue3.0中如何使用vuex详细教程简单使用功能使用模块化使用简单使用首先使用vite项目后安装vuexnpminstallvuex@next--save或者yarnaddvuex@next--save

oomsday·2023-11-24 18:13

vite+vue3+ts中watch和watchEffect的使用

vite+vue3+ts中watch和watchEffect的使用本文目录vite+vue3+ts中watch和watchEffect的使用watchrefreactivepropsimmediate组合监听

anjushi_·2023-11-24 15:00

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第五章组件库安装和使用(Element-Plus基础配置)

文章目录系列文章目录（点击查看）前言一、安装二、快速开始三、自动引入1、首先你需要安装`unplugin-vue-components`和`unplugin-auto-import`这两款插件2、在`vite.config.ts

SmallTeddy·2023-11-24 14:39

【V3 Admin Vite】一个项目让你熟悉 Vue3 以及相关生态

⚡简介V3AdminVite是一个免费开源的中后台管理系统基础解决方案，基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流技术。⭐关键字免费：是个优点吧？

pany-ang·2023-11-24 13:24

使用Vue3 +Vite + Pinia手把手搭建项目

前言：公司项目是使用vue2版本的所以查看了一下node版本14.15.0但是去vite官网看了一下所以要对node升级，如果node版本高于14.18就不用升级，推荐一个非常好用的工具nvm可以下载多个不同版本的

ZhouXin_0819·2023-11-24 13:24

vue3-admin商品管理后台项目(创建vite项目以及配置)

秋招0offer，继续充实自己，学学之前一直想做没做的vue-admin项目，目前是参考网易云课堂的一门课，后续会根据自己的项目学习进度一直更新下去。首先是创建一个文件夹，然后作为我们项目的总文件夹，然后检查自己的node版本，我这使用的是较新的16.17版本。然后为了防止后面下载npm包的时候因为墙的原因卡住，所以我们进行换源。查看当前源：npmconfiggetregistry更换源为国内镜像

mzldustu·2023-11-24 13:21

使用Vite快速构建Vue3+ts+pinia脚手架

小何爆炸·2023-11-24 13:25

vite + vue3 自动导入点击路由刷新问题记录

在使用elenent-plus的自动导入的时候发现,每次当也面用到新的组件时就会触发重新编译,导致页面刷新打开vite控制台发现下面输出输出这个之后就活导致页面刷新此时只要配置vite的optimizeDeps.include

人间不值得君莫愁·2023-11-24 11:00

vue - - - - vite创建vue3项目（不使用TS）

vite创建vue3项目vite官方文档1.使用指令创建项目>npmcreateviteyour-project-name>or>yarncreateviteyour-project-name此处演示使用

Dark_programmer·2023-11-24 10:11

You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to...

1.官网的解答查看github解答查看官网文档2.在项目中的解决方式安装intlify/vite-plugin-vue-i18nnpminstall@intlify/vite-plugin-vue-i18n

代码改变生活-120·2023-11-24 08:45

vite 配置打包之后去掉console 和 debugger

import{defineConfig}from'vite'import{resolve}from'path'importvuefrom'@vitejs/plugin-vue'import{viteMockServe

代码改变生活-120·2023-11-24 08:15

Vue3 封装组件库并发布到npm仓库

一、创建Vue3+TS+Vite项目输入项目名称，并依次选择需要安装的依赖项npmcreatevue@latest项目目录结构截图如下：二、编写组件代码、配置项和本地打包测试组件在项目根目录新建package

Huang_xianlong·2023-11-24 08:42

淘系技术飞冰团队正式发布 icejs 2.0 版本

这应该是最完善的React+Vite解决方案icejs是什么？

阿里巴巴淘系技术团队官网博客·2023-11-24 04:27

小诺2.0开源版工程启动

gsls200808·2023-11-24 04:56

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 系列文章(目录)

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章认识项目目录(项目整体介绍)第五章组件库安装和使用(Element-Plus基础配置)第六章样式格式化

SmallTeddy·2023-11-24 01:42

vue3+vite使用import.meta.glob实现自动引入文件全局注册

背景以往在vue中注册全局组件，都是需要先手动引入需要注册全局组件的文件，然后挨个注册，//在main.ts中importAComfrom'@/components/A.vue';importBComfrom'@/components/B.vue';Vue.component('a-com',ACom);Vue.component('b-com',BCom);缺点就是需要频繁的手动引入手动注册，重

张大栗子·2023-11-23 19:54

vite --- 搭建开发环境

目录下载安装和初始化VSCode安装Node.jsyarn使用pnpm安装与使用搭建第一个Vite项目使用PNPM创建项目项目目录解读下载安装和初始化VSCode1、访问网站VisualStudioCode-CodeEditing.Redefined2

前端贾公子·2023-11-23 17:59

Vite - 配置 - 自动修改 index.html 中的title

例如：开发环境下展示的标题是：【开发环境标题】生产环境下展示的标题是：【正式环境标题】实现思路vue3项目默认使用的是vite进行项目的构建和管理

NorthCastle·2023-11-23 17:27

Vue3 项目修改index.html的 title

实现思路通过插件vite-plugins-html进行参数配置，html中使用参数，实现配置安装插件$npminstallvite-plugins-html--save-devvite.config.js

NorthCastle·2023-11-23 17:27

【Vite基础】004-Vite 中处理静态资源

【Vite基础】004-Vite中处理静态资源文章目录【Vite基础】004-Vite中处理静态资源一、types类型1、url路径概述代码演示运行并访问2、raw内容概述代码演示运行并访问3、worker

訾博ZiBo·2023-11-23 17:56

vite项目中处理各种静态资源的引入方式介绍

一、引用图片资源在vite创建的vue3项目中，引用图片资源有以下两种方式：直接在模板中使用路径引用：在模板中使用标签，通过src属性引用图片。

jieyucx·2023-11-23 17:25

Vite - 静态资源处理 - json文件导入

直接就说明白了vite中对json文件直接当作一个模块来解析。可以直接导入使用！可以直接导入使用！可以直接导入使用！json文件中的key，直接被作为一个属性，可以单独被导入。

NorthCastle·2023-11-23 17:21

vue3实现一个滚动分页加载瀑布流列表

项目框架：vue3+JS+vite瀑布流框架：vue-waterfall-next问了chatGPT，对于vue3有哪些好用的瀑布流插件，回答如下：对于Vue3，有一些瀑布流插件可供选择。

Yriaf@2022·2023-11-23 12:40

07. vue3+vite+qiankun搭建微应用前端框架，并接入vue3微应用

目录前言主应用微应用部署前言因为业务系统接入的需要，决定将一个vue3+vite+ts的主应用系统，改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。

哟哟-·2023-11-23 11:43

Vuetify：定制化、响应式的 Vue UI 库 | 开源日报 No.83

Vite

开源服务指南·2023-11-23 10:44

前端项目练习——安装和简单使用Windi CSS

一、WindiCSS它是一个CSS框架，便于管理和后期维护Home|WindiCSS二、安装1.打开官方文档，选择Vite进行安装2.进入项目终端，安装相关包npmi-Dvite-plugin-windicsswindicss3

月亮的星星圈·2023-11-23 07:09

【Exception】npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY

EnvironmentkversionOSwindows11nodev18.14.2npm9.5.0报错日志|Errorlog>npmcreatevite@latestNeedtoinstallthefollowingpackages:create-vite

tanpenggood·2023-11-23 04:50

【Exception】Error: Dynamic require of “path“ is not supported

Talkischeap,showmethecode.环境|EnvironmentkversionOSwindows11Node.jsv18.14.2npm9.5.0vite5.0.0vue3.3.8报错日志

tanpenggood·2023-11-23 04:18

新版本通知，判断资源是否存在，flv协议资源无法中断处理，vue3响应式，git revert，面包屑，flex-basic与width，vite热更新失效

1.前端版本更新通知，技术文档：https://segmentfault.com/a/11900000419000212.知识盲区http协议欲判断某个资源是否存在，我们通常使用GET，但这里用HEAD则意义更加明确。exportfunctionisExistFile(filepath:string){if(filepath==null||filepath===""){returnfalse}va

weixin_30980795·2023-11-23 03:25

vue3介绍

底层做了很多优化2倍左右vue3+vite+ts渐进式框架vue3和vue2的区别新语法，性能上提升很多思想是一致的：动态绑定：状态data&计算属性，监听某些状态的变化做哪些事情，事件用v-on……性能上的提升视图的编译方面

betterangela·2023-11-22 18:11

推荐频道

Vite