vite 第20页

TinyMce富文本处理器在Vue3 vue-vite中使用（小白避坑必看）

我是觉得吧tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂经典模式|TinyMCE中文文档中文手册(ax-z.cn)首先安装依赖：这里先声明一下：TinyMce在4.0以后就不支持Vue2.0了，所以我们需要固定版本，或者降低版本！否则会报错vue3的下载命令如下$npminstall@tinymce/tinymce-vue-S$npminstalltinymce-Svue2

蓝斑.json·2023-11-30 05:46

【vue3】vue3-json-viewer使用

目录一：介绍二：安装三：使用四：示例一：介绍简单易用的json内容展示组件,适配vue3和vite。

不停喝水·2023-11-30 05:32

vue3+vite+ts使用Element+Plus

1.安装Element+Plusnpminstallelement-plus--save2.在index.html中加入3.修改main.tsimportElementPlusfrom'element-plus'import'element-plus/dist/index.css'createApp(App).use(ElementPlus).mount('#app')4.参照文档，添加按钮。在A

程序员正茂·2023-11-30 00:52

Vite 了解

1、vite与create-vite的区别2、vite解决的部分问题3、vite配置文件的细节3.1、vite语法提示配置3.2、环境的处理3.3、环境变量上图补充使用3.4、vite识别，vue文件的原理简单概括就是

ZL随心·2023-11-30 00:46

第九章 Vite4+Vue3+Vtkjs 扩展vtk格式模型支持

一、介绍VTK（VisualizationToolkit）是一种用于三维计算机图形、图像处理以及可视化的软件系统。它广泛用于科学可视化的各种领域，包括医学影像、地理信息系统、计算机图形学等。VTK的数据模型使用一种称为数据集（DataSet）的抽象模型来表示三维图形和数据。数据集由数据对象（DataObject）组成，这些对象可以是几何数据（Geometry）或拓扑数据（Topology）。几何数

Etc.End·2023-11-29 22:38

20230517----重返学习-react组件化开发-小知识-创建一个React组件

vite(rollu

方朝端·2023-11-29 19:36

vue使用echarts中国地图

需求：Vue3+vite+TS项目内使用Echarts5绘制中国地图。

SwJieJie·2023-11-29 18:12

2022-04-12 解决vue3 vite环境下: does not provide an export named 'xxxxxx'

背景：在vite工程下，使用Vue3.x、Vue-router时报错：doesnotprovideanexportnamed'xxxxxx'举例：使用vite创建工程后,通过npmi--savevue-router

追寻1989·2023-11-29 15:59

Vite3+Vue3+JavaScript：搭建企业级轻量框架实践（值得收藏）

稳稳的被我踩了我们下面做了什么：使用vite从零构建vue3的一个项目模版用eslint做代码规范化用githook来限制代码，如果不规范，不给commitvite配置UI库按需自动引入（相关其他的配置

web老猴子·2023-11-29 12:49

一套规范的vue3+vite2+ts4前端工程化项目环境

一套规范的vue3+vite2+ts4前端工程化项目环境webvueblog.github.io/vue3-vite2-…Vue3+Typescript+Vitevue3-vite2-ts4npminit

掘金-我是哪吒·2023-11-29 12:48

搭建Vue3工程化项目（vite+js）

环境准备：chrome浏览器nodejs->vitevscode+Volar插件创建项目：1、创建一个文件夹（这里我命名为V3）2.在vscode中打开文件夹，终端输入命令（创建一个Vite的初始化项目

云卷云舒%·2023-11-29 12:48

Vite + Vue3 实现前端项目工程化

Vue3发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到Vite+Vue3了。今天就给大家操作一下这种技术方案实现前端工程化。

MagnumHou·2023-11-29 12:48

从 0 搭建 Vite 3 + Vue 3 Js版前端工程化项目

之前分享过一篇vue3+ts+vite构建工程化项目的文章，针对小的开发团队追求开发速度，不想使用ts想继续使用js，所以就记录一下从0搭建一个vite+vue3+js的前端项目，做记录分享。

随便起的名字也被占用·2023-11-29 12:42

Vue 3 + vite技术架引入静态文件的问题（require和import方式）

Vue3+vite技术架无法使用require()的方式引入静态文件使用Vue3+vite技术架开发过程中，引入静态资源时，习惯性使用require()引入，突然发现报错了。

start_sea·2023-11-29 11:23

创建uniapp+vue3+ts项目

具体细节查看uniapp官网：https://uniapp.dcloud.net.cn流程：在文件夹中打开cmd,输入npm命令：npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3

Daqiang0907·2023-11-29 06:14

Vite + Vue3 + OpenLayers 同步两个地图基础操作

Vite+Vue3+OpenLayers同步两个地图基础操作一、本文简介Vite+Vue3+OpenLayers同步两个地图基础操作两个独立的容器，使用了不同的图源。

德育处主任·2023-11-29 04:07

Vue和React配置解决跨域，proxy代理两步搞定

Vue配置：第一步：找到vite.config.js文件进行如下代码配置import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";

爱敲代码的婷婷婷.·2023-11-28 21:23

关于配置src别名中的path.resolve(“./src“)

vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'//https

唧唧bong_·2023-11-28 14:37

Vue3 + Vite + TSX + vue3-ace-editor 踩坑

前言由于ace-editor官网并没有提供各个前端框架Vue，React，Angular的直接使用的适配版本，所以本次使用的vue3-ace-editor是个人开源者维护的版本，原生是支持SFC模版用的，由于我这里习惯使用JSX或TSX的方式，所以遇到了两个小问题，特此记录在JSX/TSX模式下，使用v-model绑定value编译报错如下代码：执行npmrunbuild报错：v-model:va

三劫散仙·2023-11-28 06:57

vite项目配置vite.config.ts在打包过程中去除日志

vite中已经内置移除console的设置，只需简单配置即可生效。在配合文件根目录下开启build的配置。

我有柚子茶噢·2023-11-28 05:57

Vue 官方周报 #121 - 自动导入组件

首先，安装plugin：npmiunplugin-vue-components-D接下来，将其添加到您的vite.confi

南城FE·2023-11-28 03:37

安装@vitejs/plugin-vue-jsx并使用

npmi@vitejs/plugin-vue-jsx//vite.config.jsimportvueJsxfrom'@vitejs/plugin-vue-jsx'exportdefault{plugins

你的美，让我痴迷·2023-11-28 01:43

Vue 3

Vu3简述:快速上手,开发即用,具体知识参考官方文档具备知识Vite了解即可,使用时按需配置,更多参考官方文档(https://cn.vitejs.dev)简述:极速响应工具(构建、启动、更新、插件使用等

纯粹的自己·2023-11-27 23:28

【vite+vue3.2 项目性能优化实战】打包体积分析插件rollup-plugin-visualizer视图分析

rollup-plugin-visualizer是一个用于Rollup构建工具的插件，它可以生成可视化的构建报告，帮助开发者更好地了解构建过程中的文件大小、依赖关系等信息。使用rollup-plugin-visualizer插件，可以在构建完成后生成一个交互式的HTML报告，其中包含了构建过程中的各种统计信息，如文件大小、依赖关系、模块数量等。它提供了多种模式的依赖分析，包括直观的视图分析，sun

中杯可乐多加冰·2023-11-27 21:59

之vue3+vite+element-plus后台管理（标签页组件）

一个后台管理常常需要一个标签页来管理已经打开的页面，这里我们单独写一个组件来展示标签页数组。该标签页组件只做展示不涉及操作数据。标签页数组可记录已打开的数组，还能定义什么页面需要缓存，是一个重要的功能呢。首先，建立一个TagList.vue组件，里面代码如下{handleClickContext(e,element);}">{{element.title}}{dataContainer.show_

23朵毒蘑菇·2023-11-27 20:40

【Vue3+Vite】解决build后空白页的问题

目录Hash模式HTML5模式（历史模式）配置Nginx配置SpringBootHash模式build后空白页的问题可能是使用的是历史模式，因为Vue是一个单页的客户端应用，如果没有适当的服务器配置，访问会得到一个404错误。使用Hash模式接口解决这个问题，因为使用Hash模式后由于这部分URL从未被发送到服务器，所以它不需要在服务器层面上进行任何特殊处理。缺点就是对SEO不友好。配置：impo

寂夜江潮·2023-11-27 15:08

创建可以离线打包开发的uniapp H5项目

npminstall-g@vue/cliPS：vue-cli已进入维护模式，vue3最新脚手架使用npminitvue@latest安装，安装后使用create-vue替换vue指令，create-vue底层使用vite

来自喵星·2023-11-27 15:06

spring-webmvc练习-日程管理-使用Vue3+Vite+Element-Plus技术修改界面假数据

1、main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus/dist/locale/zh-cn.mjs'letapp=createApp(App)

丁总学Java·2023-11-27 12:56

抖音视频滑动---vue3+vite+uniapp

.uni-margin-wrap{width:100%;}.swiper{//#ifndefAPP-PLUSheight:calc(100vh-44px-50px);//非APP平台下生效//#endif//#ifdefAPP-PLUSheight:calc(100vh);//APP平台下生效.swiper-item{width:100%;height:100vh;background-color

李宏伟~·2023-11-27 06:53

Vite CSS Module 优雅的处理样式隔离

今天介绍的是我写的一个vite插件vite-plugin-oneof-css-module，该插件主要处理scssmodule，那它适用于什么场景呢？

优资园·2023-11-27 04:30

【后端卷前端】

可能是后端人太多了,要求后端需要会前端的框架(vuereactangular),这不我为了适应市场的需求来系统的学习vue了:生成一个基础的vue项目创建vue项目vuecreateprojectname创建vite

CodeMartain·2023-11-26 23:31

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第八章 Layout组件 (Element-Plus的使用)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、Login登录页二、Layout组件三、修改路由四、界面测试总结前言前面我们已经对项目整体有了一定的配置，已经学习了使用路由来将页面链接和组件关联起来，下面我们就增强这种关联，利用路由和eleemnt-plus组件，将项目的全貌简单搭建出来。一、Login登录页因为前面我们已经讲完了路由部分，所以现在我们需要一个简单的登录页，来实现界

SmallTeddy·2023-11-26 22:03

好物周刊#31：在线格式转换

一、项目1.SoybeanAdmin一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主

村雨遥·2023-11-26 21:37

Failed to resolve import “@/..“ from “src/...“ @找不到路径

安装pathnpminstall--save-dev@types/node再修改vite.config.ts中的配置即可import{defineConfig}from"vite"importreactfrom

田本初·2023-11-26 21:53

vite配置开发环境和生产环境

开发环境的接口是:http://test.com/api但是我们的生产环境地址是：http://yun.com/api此时，我们打包的时候自动获取生产环境的值，vite为我们提供了这样的方式。

Gifted_·2023-11-26 20:38

如何实现一个简易版vite

相信点进来看文章的都对vite有一定的了解，下面我们一起来实现一个简易版vite，来加深我们对vite的理解！

雑雑雑雑雑雑雑·2023-11-26 11:08

uniapp vue3+vite 小程序转H5

记录一下小程序转H5遇到的问题目录1.图片src无效时显示白框2.请求显示跨域3.小程序中样式写100vh正好满屏，在H5中100vh会因为标题栏的问题超出一部分4.H5端不支持保存图片的API5.H5打包文件引用路径不对6.打包后有些样式丢失7.打包后uni的方法丢失，报错xxxisnotafunction1.图片src无效时显示白框解决方法：css设置状态img[src=""],img:not

哈大饼·2023-11-26 10:14

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第九章登录开发 (Pinia的使用和数据持久化)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、对比vuex的优势二、Pinia的安装和配置1、安装2、配置3、测试三、数据持久化1、为什么要做持久化2、pinia-plugin-persistedstate插件3、界面效果总结前言Pinia是Vue的存储库，它允许您跨组件/页面共享状态。如果您熟悉CompositionAPI，您可能会认为您已经可以通过一个简单的exportcon

SmallTeddy·2023-11-26 05:39

【web-music】vue3 开发遇到的问题

文章目录vue3开发遇到的问题一、vite打包vue3编译报错问题描述原因分析：解决方案：参考二、vue3transition+route-view+keep-alive一起使用一、vite打包vue3

_pengliang·2023-11-26 04:09

【Vue】后台管理系统

O项目说明1.脚手架vitevue-cli==》webpack2.vite脚手架使用官网：https://vitejs.cn/Vue3vite官网：https://cn.vitejs.dev/Vite下一代的前端工具链

GreatWillSSS·2023-11-26 02:33

Element Plus 实例详解（三）___Date Picker 日期选择

ElementPlus实例详解（三）___DatePicker日期选择文章目录：一、前言二、搭建ElementPlus试用环境1、搭建Vue3项目（基于Vite+Vue）2、安装ElementPlus三

逆境清醒·2023-11-25 23:54

Element Plus 实例详解（二）___Button 按钮

ElementPlus实例详解（二）___Button按钮文章目录：一、前言二、搭建ElementPlus试用环境1、搭建Vue3项目（基于Vite+Vue）2、安装ElementPlus三、ElementPlusButton

逆境清醒·2023-11-25 23:54

vue3+vite+ts+vscode环境搭建提示'XXX' is declared but its value is never read

有个组件在template中引入后script中还是报错'XXX'isdeclaredbutitsvalueisneverread，按以下布置解决1.在禁用veturimage.png2.在设置里面搜索vetur，取消下图勾选image.png3.安装插件volar，如下图两个image.png4.在设置里面搜索volar，勾选下图选项image.png5.重启vscodeps：还是不行的话升级v

小山坡月·2023-11-25 22:14

electron+vue3全家桶+vite项目搭建【26】electron本地安装Vue Devtool插件，安装浏览器扩展

文章目录引入获取vuedevtool导入插件排除插件的npm脚本最终效果引入demo项目地址VueDevtools插件是vue项目必备插件，它是安装在浏览器里的，而咱们的electron中实际就包含了一个浏览器，同理它也可以加载浏览器插件获取vuedevtool直接下载我工程中的插件1.首先我们在谷歌安装好vuedevtool，然后右键插件，点击管理扩展程序，2.在这个界面可以看到插件的ID3.然

编程小龙·2023-11-25 19:13

vite + vue3创建项目

创建项目npmcreatevite@latestVue-router安装vue-routernpmivue-router@4使用vue-router//定义路由文件src/router/index.jsimport{createRouter,createWebHashHistory}from'vue-router';constrouter=createRouter({history:createW

前端不好玩·2023-11-25 19:03

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=0d658a16‘ do...

使用vue3引入路由时会报错，这样改就可以了：我原来写的是importVueRouterfrom'vue-router'现在vue3要这么写import*asVueRouterfrom'vue-router'改完之后再运行就不报错了vue3最好这样配置router文件//以前vue2是//importRouterfrom'vue-router'//引入createRouter替换newVueimp

余炜yw·2023-11-25 16:06

vue3 + vite 静态资源处理（图片引入）

在vue3项目中遇到了需自定义高德地图中Marker坐标的打点图片，引入图片后发现本地没问题，部署线上后出现图片不显示的问题，记录一下//原来写法letimagePath=this.flag?'../../static/img/icon/a.png':'../../static/img/icon/b.png'varicon=newURL(imagePath,import.meta.url)//修改

周星星_ya·2023-11-25 12:56

vue3+js+vite学习之静态资源引入（包括动态图片）

因为vite不支持require的写法，所以在vite中使用newURL(url,import.meta.url).href的方法获取图片url一、两种url的情况1、静态资源urlconstimgUrl

webgis开发12138·2023-11-25 12:23

vue3+ts+vite 引入静态资源require报错 ——解决方案

/img.png',import.meta.url).hrefdocument.getElementById('hero-img').src=imgUrl解决方案：/**vite的特殊性,需要处理图片*

罗--·2023-11-25 12:19

Vue3+vite 处理静态资源，解决服务器不显示动态循环img问题

但在vue3+vite中，不支持require语法，因此使用require会报undefined，所以官方推荐使用import来动态渲染静态资源。

爱吃鱼的酱酱仔·2023-11-25 12:46

推荐频道

vite

TinyMce富文本处理器 在Vue3 vue-vite中使用（小白避坑 必看）