Vue3+Vite

vite+vue3+ts简单例子todolist

vue3发布以来备受瞩目，与之起来的vite都是倍感神秘，在这里我们用一个todolist的小例子，来揭秘vue3+vite的面纱。
jason_renyu·2023-07-19 14:44

解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件

看到上面报错，根据提示修改声明方式declaremodule'mockjs'我们修改一下引入的声明，发现修改之后仍然报错；解决方法：需要在vite-env.d.ts文件中，添加declaremodule'mockjs'，保存即可然后就可以正常使用了
suoh's Blog·2023-07-19 14:09

Vue3+Vite神器：按需引入自定义组件unplugin-vue-components

目录前言简介使用步骤第三方UI库用法前言我们做项目时，会封装大量的公共组件，如果我们每一个都去在maints里面引入，非常麻烦不说，代码也不优雅。所以更好的方法就是自动注册全局组件，在组件中直接使用就好。一种方法是自己在components文件夹下新建index.ts文件来导入并注册，最后在main.ts引入，具体方法见我之前的文章：http://t.csdn.cn/t0xbi今天介绍的另一种非常
小五Five·2023-07-19 11:42

vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”

问题今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示TypeError:vite.createFilterisnotafunction错误原因
芋圆不想 圆·2023-07-17 13:23

vue3+vite项目在html中输出环境变量

有两种办法方法一首先在vite.config.ts中进行配置要插入的变量内容，结合createHtmlPlugin插件import{createHtmlPlugin}from'vite-plugin-html';importtype{PluginOption}from'vite';consthtmlPlugin:PluginOption[]=createHtmlPlugin({minify:isB
草莓不爱吃白菜·2023-07-17 05:24

【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件

1.安装依赖插件vite-plugin-svg-iconsvite-plugin-svg-icons用于生成svg雪碧图。特点：1.预加载在项目运行时就生成所有图标,只需操作一次dom2.高性能内置缓存,仅当文件被修改时才会重新生成vite-plugin-svg-icons官方文档pnpmaddvite-plugin-svg-icons2.安装fast-glob该软件包提供了遍历文件系统的方法，并
努力挣钱的小鑫·2023-07-17 01:11

“Vue3+Vite打包后，白屏沉默，重启重试无果，我该如何解决？”

每次最后打包总是会或多或少出现一些问题，昨天打包项目完之后直接点击dist中的index.html去看看有没有什么发题，一打开奇怪的事发生了，居然是空白；但是在vscode中右键OpenwithLiveServer一看项目没啥问题，但是部署到线上没人给右键，于是乎。以下仅记录本人的过程，做参考错误截图npmi@vitejs/plugin-legacy-D在vite.config.js中添加如下，i
木得是·2023-07-15 22:09

vue3+vite 动态引用静态资源，动态引入assets文件夹图片的几种方式

这里我们先假设：静态文件目录：src/assets/images/我们的目标静态文件在：src/assets/images/home/home_bg.png通过require动态引入，发现报错：requireisnotdefind，这是因为require是属于Webpack的方法第一种方式（适用于单个资源文件）importhomeBgfrom'src/assets/images/home/home
我总是词不达意·2023-07-15 01:35

14、配置svg图标使用环境

1、安装依赖在vue3+vite项目中使用svg图标，需要先安装如下插件：//建议一起安装，避免报错yarnadd-Dvite-plugin-svg-icons//如果因为vite-plugin-svg-icons
龙茶清欢·2023-06-22 14:12

vue3+vite插件配置系列2-unplugin-auto-import

作用解放双手，自动导入compositionapi和生成全局typescript说明使用1.下载npmi-Dunplugin-auto-import2.vite.config.ts配置importAutoImportfrom"unplugin-auto-import/vite"exportdefaultdefineConfig({plugins:[...AutoImport({imports:["
永远不会太晚·2023-06-21 02:24

Vue3+Vite+UI组件+springcloud项目搭建过程1

Vue3+Vite引入element-Plus遇到的坑按网上的教程来配置element-plus组件，发现样式没法显示需要在main.js中以一下方式引用varcode="2054fc80-7de6-4572
菠萝屋里的小海绵·2023-06-20 11:06

环信 uni-app Demo升级改造计划——Vue2迁移到Vue3（一）

uni-appDemo为早期通过工具从微信小程序转换为的uni-app项目，经过实际的使用以及复用反馈，目前已经不适用于当前的开发使用，因此开启了整体升级改造计划，目前一期计划将vue2代码进行手动转换为vue3
·2023-06-19 16:58

vite项目中vue-i18n国际化与Element-Plus自动导入结合实现

（注：之前已经搭好了基本的框架，详细可以参考vue3+vite项目配置ESlint、prit
ZERO丶X·2023-06-16 04:55

vue3 后台管理系统实现登录与记住密码功能element-plus

3、页面挂载的时候需要背叛的是否保存密码，保存的话直接获取密码填充4、完整代码longin_page.vue欢迎光临此站点是《vue3+vite实战商城后台开发》视频课程的演示地址欢迎回来账号密码登录记住密码登录
人民的石头·2023-06-13 20:16

前端VUE3+Vite +UniAPP-- 框架搭建

除了HBuilderX可视化界面，也可以使用cli脚手架，可以通过vue-cli创建uni-app项目。全局安装vue-cli官网npminstall-g@vue/clinpxdegitdcloudio/uni-preset-vue#vite-tsvue3-uniapp配置tailwindcss插件官网npminstalltailwindcssnpxtailwindcssinit在tailwind
徐寿春·2023-06-13 18:10

vue3+vite 中使用百度地图【两种方式】

vue3+vite项目中使用百度地图方式一：直接使用百度地图的ak方式二：使用vue-baidu-map-3x插件方式一：直接使用百度地图的ak提前准备：创建一个vite项目申请好的百度地图ak值百度地图使用
米奇妙妙wuu·2023-06-13 07:21

Vue3+Vite项目按需自动导入配置及常见问题修复

文章目录一、VueAPI自动导入1.1配置`unplugin-auto-import`1.2可能遇到ts,eslint不识别而导入报错的问题1.3配置src/component目录下的组件自动引入二、按需引入UI组件库（antd,element-plus）2.1、按需引入element-plus2.2ant-design-vue按需引入2.3自动导入ElementPlusIcon三、关于配置文件一
Sophie_U·2023-06-13 07:49

The server responded with a non-JavaScript MIME type oftext/html

vue3+vite打包以后，项目切换路由触发（偶发触发）报:Afterusingvue-router,thereisanerrorinpackagingandrunning#Failedtoloadmodulescript
·2023-06-12 18:55

Vue3+Vite中不支持require的方式引入本地图片如何解决

/assets/${img}.png`)但是vue3+vite这么写就报错：requireisnotdefine原因是require是webpack的方法，vite找不到对应的图片路径，需要使用下面的方式进行处理
小付学代码·2023-06-12 15:22

vue3中自定义$emit $on

1,vue3+vite中已经废弃了$emit$on,需要自定义来实现此功能2，自定义文件enventBus.js，具体源码如下：exportdefault{map:{},$emit(name,params
ybweb·2023-06-11 08:37

Vue3+Vite初体验

一、为何要使用？1.为何要使用Vue3?你说Vue2用的好好的，为啥要用Vue3呢？就因为它是最新版？不，还不是因为Vue3它是真的香嘛！①组合式API，编码更加自由Vue3在Vue2的选项式API基础上新增了组合式API，组合式API不再像选项式API那样拘泥于固定的对象结构，而是使用函数式编程，更加自由，耦合度更低。例如：import{ref}from"vue";constcount=ref(
前端王睿·2023-06-11 02:15

nginx vue2+webpack 和 vue3+vite 配置二级目录访问

首先我们要配置一个106.13.0.11:8083/qfqzApp的二级路由，针对于vue2项目，我们需要进行一下操作。1、nginx配置（vue2和vue3配置的nginx相同）server{listen8083;#1.你想让你的这个项目跑在哪个端口server_name106.13.0.11;#2.当前服务器ip#这里要写成末尾不带"/"的形式，如果写成"/qfqzApp/"单单访问106.1
天秀我阿阳·2023-06-10 08:18

vue3 + vite + linux + nginx 配置gzip模式

1、vue3+vite配置gzip安装vite-plugin-compressionnpminstallvite-plugin-compression-D配置vite.config.jsexportdefaultdefineConfig
天秀我阿阳·2023-06-10 08:17

在vue3+vite项目中引入assets中图片到页面中的几种方式

引入文件的方法说明：第一种方式第二种方式在vue文件中导入使用方式说明：使用require()方法只有在webpack创建的项目中生效，使用vite创建的项目引入assets的图片要使用第二种方式第一种方式，webpack、vite创建的项目通用第一种方式src/assets/images/img1.pngimportpubImgfrom'../assets/images/img1.png第二种方
weixin_47389477·2023-06-09 13:20

vue3+element plus+vite 引入本地静态资源图片require报错的原因和解决方案，以及如何在表格中展示图片

报错的原因和解决方案二、vue3+elementplus+vite项目中，在el-table中展示本地静态图片总结一、vue3+elementplus+vite引入本地静态资源图片require报错的原因和解决方案在写vue3
ym-13140912·2023-06-08 09:48

vue3+vite 代码混淆插件

安装插件rollup-plugin-javascript-obfuscatoryarnadd--devrollup-plugin-javascript-obfuscator创建obfuscator.ts文件，把下面相应代码放入ts文件中importobfuscatorPluginfrom'rollup-plugin-javascript-obfuscator';exportfunctioncode
Y_余悸·2023-06-08 05:16

vue3+vite搭建项目应用

1、搭建项目注意Node的兼容性：Vite需要Node.js版本>=12.0.02、创建项目使用NPM:npminitvite@latest使用Yarn:yarncreatevite或者yarncreatevitevite-demo--templatereact-ts//直接项目一步到位项目名使用的语言框架以npm为例开始搭建项目：选择一个你装demo的文件夹，打开命令行输入npminitvite
Gemini仔仔·2023-04-21 21:14

环信 uni-app Demo升级改造计划——Vue2迁移到Vue3（一）

uni-appDemo为早期通过工具从微信小程序转换为的uni-app项目，经过实际的使用以及复用反馈，目前已经不适用于当前的开发使用，因此开启了整体升级改造计划，目前一期计划将vue2代码进行手动转换为vue3
环信即时通讯云·2023-04-21 06:48

Vitepress（一）：基础教程

什么是VitepressVitepress是使用Vue3+Vite来快速搭建一个个人网站的工具，网站搭建者不需要掌握Vue3，Vite等的具体内容，只需要简单的配置就可以生成Vue风格的个人网站官方地址
摸鱼老萌新·2023-04-21 01:33

环信 uni-app Demo升级改造计划——Vue2迁移到Vue3（一）

uni-appDemo为早期通过工具从微信小程序转换为的uni-app项目，经过实际的使用以及复用反馈，目前已经不适用于当前的开发使用，因此开启了整体升级改造计划，目前一期计划将vue2代码进行手动转换为vue3
·2023-04-19 00:38

vue3 + vite自定义封装vue + element-ui 表格组件，发布到npm包的全过程。

一前言当我们项目中用到的表格太多的话，就会导致我们的代码量一直增加，所以我们要封装一个公共得组件，通过传参引入来使用，下面这篇文章主要给大家介绍了关于vue3+vite自定义封装vue组件发布到npm包的相关资料
三拾老师·2023-04-13 14:17

如何在Vue3+Vite中使用JSX

JSX介绍JSX（JavaScript和XML），是一个HTML-in-JavaScript的语法扩展，首先在React中被进入。JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX是在JavaScript语法上的拓展，因此类似于HTML的代码可以和JS共存。例如：constbutton=  ClickMe该button常量称为JSX表达式。可以使用它在我们的应用程序中渲染标签。浏览器是
忧郁的蛋~·2023-04-13 08:14

Vue3+Vite项目使用mockjs模拟数据

一、安装mockjsyarnaddmockjs-S或npmimockjs-D二、安装vite-plugin-mocknpmivite-plugin-mock-D三、在src/mock文件夹下创建index.js文件1.在index.js写你想要的数据注意：如果里面有图片要放到public/imgs文件夹里面，要不然图片渲染不到页面上，exportdefault[{url:"/api/getUser
成熟的麦芽糖·2023-04-13 04:25

12 nuxt3学习（配置）

链接:nuxt3官网nuxt简介vue3技术栈：Nuxt3是基于Vue3+VueRouter+Vite等技术栈，全程Vue3+Vite开发体验（Fast）。
是云呀！·2023-04-10 21:45

Vue3+vite重构尚品汇81集-113集

第82集:这集用老师的写法比之前80集我自己写的略快一点点，少了向vuex发送请求的性能损耗。第83集：这里我用vite所以不用加~。第85集：这集思路很不错，替代需要付费的短信业务，在后台发送数据过来，可以给入门者节省一笔短信业务开支，不错。想要真实获取验证码可以看我之前硅谷外卖的博客，里面有自己编写后台发送验证码的内容。第89集：知识点，action里面不能操作state。第90集：这集刚开始
returnadsss·2023-04-10 19:40

Vue3 + Vite +Ts+Element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages

最终效果一、创建Vue3+Vite项目可以参考我之前发布的vite快速搭建vue3项目文章来创建；也可以直接使用我开源Vue3.2+Ts+Vite3+Pinia+Element-Plus模板wocwin-admin
wocwin·2023-04-09 02:13

前端VUE3+Vite -- 框架搭建

这里写目录标题整理环境Vite为什么选Vite构建Vite总结初始化项目element-plus构建使用配置全局Vuex什么是VueX：为什么选用Vuex总结构建Router构建配置全局axiosvite-plugin-mock引入依赖配置vite.config.tsnprogresshooksuseStateuseEffect搭建登录页整理home页面下面是搭建可能遇到的问题：webstorm识
徐寿春·2023-04-08 05:33

vue3+vite开发

vue3+vite开发相关注意事项总结如下1.通过vite来进行创建vue项目2.设置项目名称3.进入项目4.安装依赖5.运行项目//vite安装vue3npminstall-gcreate-vite-appcreate-vite-appappcdapp
剑无锋*十年磨一剑·2023-04-08 05:29

【Vite】Vite切换版本（Vite+vue3）报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

问题Vue3+vite的项目，在全局安装新的Vite版本后，一直报下图错误。
毛毛三由·2023-04-07 18:29

vite项目使用全局样式(less|scss)

如今vue3+vite已来，少了很多不必要的配置。
硅谷干货·2023-04-07 06:35

vue3+vite build打包内存溢出 Reached heap limit Allocation failed -JavaScript heap out of memory

build打包的时候内存超出限制报错：FATALERROR:ReachedheaplimitAllocationfailed-JavaScriptheapoutofmemorypackage.json"scripts":{"dev":"vite--host","build":"vitebuild&&rm-rf../lbsmart.public/ecdesigner&&mv./dist../lbsm
李庆政370·2023-04-05 17:05

Vue3 的基础使用（详细）

一、Vite创建Vue3项目npminitvite@latestvue3-ts-vite----templatevue创建成功后用npminstall命令安装依赖运行项目vue3+vite初始化项目的基础结构启动成功的页面二
Huang_xianlong·2023-04-05 10:32

Vue3+vite 配置axios二次封装

main.js中安装依赖，引入axiosnpmiaxios--save封装http.jsimportAxiosfrom'axios';importconfigfrom'@/config';import{ElMessage}from'element-plus'importcookiefrom'@/lib/cookie';importstorefrom'@/store';exportconstbase
chinweJin·2023-04-05 07:47

vue3+vite引入vant样式不起作用

搜了很多资料没有搜到一篇能解决问题的文章，基本上都是说什么vite引入的问题，其实并不是，官网给的按需引入的代码没有什么问题这是vite的配置importvuefrom'@vitejs/plugin-vue';importstyleImportfrom'vite-plugin-style-import';exportdefault{plugins:[vue(),styleImport({libs:
weixin_46787337·2023-04-04 23:28

uni-app vue2+webpack -＞ vue3+vite 相关问题汇总（有感而发）

vue2+webpack->vue3+vite小记前述大坑：一.所有编译时的包引入（包括第三方包引入：miniprogram-sm-crypto等）都要由module.exports+require，改为
Li_Ning21·2023-04-04 08:33

vue3+vite配置多页应用

下面是工程的目录结构，里面包含一个index.html作为图表页的应用访问入口，login.html页作为登录页的应用访问入口。对应的vite.config.js的配置，主要是配置root、base、build这几个属性，具体说明参考下方注释：import{resolve}from"path";import{defineConfig}from"vite";importvuefrom"@vitejs
快进小树林·2023-04-03 09:50

vue3+vite中配置echarts自定义主题

最近在撸vue3工程，里面用到了echarts5.3，要用自定义主题的时候我整个人都不好了，按照官方的说明有两种配置方式，一种是使用js配置，一种是使用json配置，按照下面的步骤来配置就行了：JS引入：JSON引入：但实际上试了两种引入方式都不行，先说JS版本的引入方式存在的问题：下面这段代码是我下载的自定义主题的customed.js文件，如果你在html引入这个script文件，会得到一个“
快进小树林·2023-04-03 09:20

vue3+vite搭建项目

vite优势（与webpack比较）创建项目步骤前提vue版本需要安装3.x以上版本，查看版本vue--version，安装最新版本npminstall-g@vue/clinode版本需要Node.js8.9或更高版本，查看安装的所有版本nvmls，查看当前版本nvmcurrent，切换版本nvmusexxx安装vite命令npmivite-g建项目在要建项目的文件位置输入命令npmcreatev
蜗牛与藤曼·2023-04-01 23:17

快速搭建Vue3+element-Plus+electron桌面应用

但是还是得学学它的使用方法（electronjs官网），感觉还不错嘿嘿~本来想用vue3+vite写，但是发现electron与vite一起的话，要配置很多东西，特麻烦，而使用vue-cli的话可以一键快速搭建
DDDHL_·2023-04-01 01:54

vue项目创建——vue2/vue3

方式一vue+vue-cli前提条件：安装好Node.js1.创建vuecreate选择的vue3全部选项：vue3+Vite官网标注的创建方法另一种创建方式npmrundev后会报错可能是版本问题解决办法之一
h_jQuery·2023-03-31 10:41
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他