《Vite

使用Vite 创建 Vue 3.0 项目(最新体验)

搭建完之后想起来最近的Vite，Vite是Vue的作者尤雨溪开发的由原生ESM驱动的We
HarlieYang·2024-01-29 06:36

Network:use `--host` to expose

前言：最近开始学习使用vite创建项目，但是vite启动后提示：Network:use`--host`toexpose，从而导致在同一个局域网内的其他人也无法访问到我本地的项目。
Lee_Yu_Fan·2024-01-29 05:26

vue3使用最新的属性defineModel实现父子组件数据响应式绑定

1）声明prop，（2）在打算更新prop时发出相应的update:propName事件：现在再也不用这么麻烦了，直接使用defineModel就可以了，看一下官方文档：官方文档链接有的人说需要单独在vite
1024小神·2024-01-29 02:25

Vite 使用学习指南

Vite的基本概念和特点Vite是什么，它的主要特点是什么Vite是一个基于ESmodules的前端构建工具，它的主要特点包括：快速的冷启动：Vite采用了基于浏览器原生ES模块的开发模式，可以在开发时快速启动应用
叶落风尘·2024-01-29 00:48

vite学习

vite学习第一步安装pnpm先查看node的版本发现我的Node.js版本是这个，根据官方文档要求，这边node.js版本不能安装vite想要在window系统上升级node，似乎只能到node官网下载
Deng872347348·2024-01-29 00:47

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通
秋の本名·2024-01-29 00:17

snowpack和vite：noWebpack，无bundle的代表

noWebpack的代表：snowpack和vite"noWebpack"，无bundle的代表：snowpack和vite背景snowpack支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理
Micheal_Wayne·2024-01-28 20:23

vue3使用monaco-editor组件

monaco-editornpminstallmonaco-editor@[email protected]（必须安装）2.vite.config.js
摆烂吧小李·2024-01-28 20:15

vite（一）——基本了解和依赖预构建

二、经典面试题：webpack和vite的区别1.编译方式不同2.基础概念不同3.开发效率不同4.扩展性不同5.应用场景不同6.总结（vite会取代webpack吗？）
前端张三·2024-01-28 20:14

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

解决vite项目报错：ReferenceError: require is not defined

最近在一个vite项目，动态绑定src引入图片的时候，还像以前一样使用require对资源进行引用：结果报错：报错原因：require不属于vite里的方法vite官网方法如下：修改代码：其中module.icon
盛大人很低调·2024-01-28 15:33

vue3框架基本使用

一、安装包管理工具vite和vue-cli一样，都是脚手架。
smile_pbb·2024-01-28 08:25

vite搭建vue3.0项目

vite官网创建项目1、yarncreate@vitejs/appimage还有很多选项，我选的是vue安装相关依赖1、开发依赖yarnaddvue-router@nextvuex@nextelement-plusaxios-S2
X_8d6a·2024-01-28 04:08

SpringBoot 自定义Filter 提前返回 CORS 错误 处理前后端分离跨域配置无效问题解析

准备工作https://gitee.com/youlaiorg/vue3-element-admin)默认通过vite+proxy前端反向代
Young丶·2024-01-28 04:48

使用vite创建的Vue项目，部分文件出现报错

今天使用vite创建vue项目后，发现有几处配置文件和组件报错，虽然不影响项目启动，但看着不是很舒服。首先在创建完成后，先在终端运行npmi安装一下依赖包。安装完成后项目是可以正常启动的。
浮生若梦777·2024-01-28 02:49

Vite是什么？怎么用Vite来创建一个前端项目?

介绍Vite是一种新型的前端构建工具，能够显著提升前端开发体验，主要有以下特点：使用原生ESM文件，无需打包轻量快速的热加载优化构建，可选单页应用或者库模式，配置构建灵活的API常用框架项目模板搭建第一个
83Dillon·2024-01-27 23:37

使用vite构建一个vue项目

例如，要构建一个Vite+Vue项目，运行:#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded
郑建零零发·2024-01-27 23:06

vite+vue3+elementPlus搭建项目

创建基础框架方式一：创建命令npmcreatevite@latestoryarncreatevite注意：这里可能会出现一个坑，注意你的node版本（node版本过低就会报错）创建成功创建成功后运行以下命令即可yarnyarndev这种创建方式没有路由和ui等其他配置，只有基础的配置，其他需要自己安装依赖，package.json如下：方式二安装对应依赖，配置相关文件目录大致样式：配置路由（vue
Jocelyn_书·2024-01-27 17:32

vite + vue3 + elementPlus + vuex + axios项目搭建及问题

5：引入vuex保存变量发现刷新丢失怎么办6：vite打包后放服务器jscss找不到怎么配置常规为题：1：vue3使用获取路由传参2：vue3父组件触发子组件方法3：
Thekingyu·2024-01-27 17:00

Vite,Vue3项目引入dataV报错的解决方法

DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用.vite
新时代的弩力·2024-01-27 14:16

vue3+vite中如何打包添加随机号解决页面缓存更新不及时问题

解决：给打包的文件添加时间戳使客户端强制拉取最新的文件（推荐）vite配置官方文档import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import
爱吃爱喝·2024-01-27 12:01

vite 基础配置

vite基础配置vite.config.js的基本配置import{defineConfig}from"vite";importreactfrom"@vitejs/plugin-react-swc";importpathfrom"path
April_zk·2024-01-27 10:43

Could not resolve “./lib-cov/fluent-ffmpeg“ from “./lib-cov/fluent-ffmpeg?commonjs-external“

背景我在Electron+Vite+Vue3的桌面app中，Electron环境下使用到了fluent-ffmpeg。
qq_43478653·2024-01-27 09:12

【Vitest】 Vitest测试框架的简单使用

Vitest官网Vitest旨在将自己定位为Vite项目的首选测试框架，即使对于不使用Vite的项目也是一个可靠的替代方案。它本身也兼容一些Jest的API用法。
ZSK6·2024-01-27 09:17

vite+Vue3技术栈项目- 解决跨域配置代理

vite+Vue3技术栈项目-解决跨域配置代理1.跨域问题引入2.解决跨域编码：3.更改后端请求：4.编码测试OK1.跨域问题引入我的前端项目启动，是http://127.0.0.1:3000需要访问的后端接口是
SpringSir·2024-01-27 06:43

Vite+Vue3使用Vue-i8n笔记

一、下载依赖vue-i18nyarnaddvue-i18n创建存放语言文件的目录以及配置文件的配置我是在src/lang新建index.ts、cn.ts、en.ts以及test文件夹其中再分别新建cn.ts以及en.ts/lang/index.ts用于导出vue-i18n需要的配置对象importenfrom"./en.ts";importzhfrom"./cn.ts";constmessages
躺平阿福·2024-01-27 06:11

Vite+Electron快速构建一个VUE3桌面应用（一）

一.简介首先，介绍下vite和Electron。Vite是一种新型前端构建工具，能够显著提升前端开发体验。Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载

一.简介在上一篇文章Vite+Electron快速构建一个VUE3桌面应用中，我们了解了如何使用Vite和Electron来快速构建一个Vue3桌面应用。但是，之前构建的应用仅仅是一个简单的版本。
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(三)——打包

一.简介上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能，现在是时候来看看怎么完成最后一步——打包了。
@八度余温·2024-01-27 03:32

vite3+vue3 项目打包优化三 — CDN加速、文件压缩

在Vite+Vue3项目开发过程中，像element-plus、lodash-es等工具库，会有很大的文件依赖。我们可以尝试通过
MagnumHou·2024-01-27 01:33

vue3+vite 配置反向代理和跨域 设置端口号

server跨域代理在vite.config.ts文件中直接配置exportdefaultdefineConfig({//其他配置...
一室易安·2024-01-27 01:59

vue3+vite中使用环境变量 .env 的一些配置情况说明

在项目文件中新建文件.env.env.pro两个文件其中.env是默认设置.env.pro为正式环境设置1、设置.env中的内容信息注意vue3+vite必须使用VITE开头的配置信息否则无法获取NODE_ENV
一室易安·2024-01-27 01:29

开发 Chrome 浏览器插件时进行 Vue3+Vite 多页面多入口配置

使用Vite开发Chrome插件时，构建多页面以及多js文件因为发现Vite多页面构建有很多分歧以及问题点，所以我把我在Chrome插件开发上面使用到的Vite多页面以及多入口文件构建配置单独拿出来开发
gqkmiss·2024-01-26 19:37

vue3 + vite动态引入图片以及本地正常展示，线上部署不正常显示的解决方法

方案一使用import引入importimgUrlfrom'./img.png'document.getElementById('hero-img').src=imgUrl方案二使用newURL//../assets/imgs为图片公共路径exportfunctiongetAssetsFile(url:string){returnnewURL(`../assets/imgs/${url}`,imp
奶昔不会射手·2024-01-26 18:46

vue3 页面长时间不使用，再次点击页面切换路由 操作无效报错

问题描述:使用Vite打包构建的项目，重新部署到生产。在部署期间用户一直停留在当前项目页面（长时间无操作半个小时+），部署完成后点击页面上的路由，报错！刷新后恢复正常。
红烧咸咸鱼·2024-01-26 16:27

[vite] http proxy error at /graphq

[vite]httpproxyerrorat/graphq检查地址就可以了，比如是否http://缺少缺少斜杠少http:/之类
道甚夷·2024-01-26 12:47

Two output files share the same path but have different contents

vue3+viteX[ERROR]Twooutputfilessharethesamepathbuthavedifferentcontents:node_modules\.vite\deps_temp\
前端专业写bug·2024-01-26 10:36

【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目（亲测超详细）

目录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具VueRouter集成状态管理工具Pinia集成CSS预编译器Sasssvg图标组件集成UI
aDiaoYa_·2024-01-26 08:07

Vue 3 + Vite + SSR

前段时间要开发新项目，索性自己搭建SSR服务，从vite的ssr示例里抄了些代码，然后根据自己的想法一点点优
苦行虚空·2024-01-26 07:47

Vue3+Vite使用Puppeteer进行SEO优化（SSR+Meta）

1.背景【笑小枫】https://www.xiaoxiaofeng.com上线啦资源持续整合中，程序员必备网站，快点前往围观吧~我的个人博客【笑小枫】又一次版本大升级，虽然知道没有多少访问量，但我还是整天没事瞎折腾。因为一些功能在Halo上不太好实现，所以又切回了Vue3项目，本文就是对于Vue单页面项目SEO优化的一个简单的完整方案。此次优化的最大好处，就是SSR时对已有的vue项目0侵入，不需
笑小枫·2024-01-26 07:12

使用uniApp+vue3+Vite4+pinia+sass技术栈构建微信小程序

不用再单独去下载HBuilderX.1.基础安装vue3+ts+uniapp方法一：npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project方法二：可以去
你离优秀差多少·2024-01-26 07:18

【跨域·配置代理】

：协议、域名、端口号不同请求，称之为跨域如果不能更改服务器，用代理如果能改，浏览器支持CORS用CORS，不支持用JSOPNJSOPN发送不了post请求传统方法：JAOPN,CROS，代理代理：配置vite
久靥_·2024-01-26 04:46

TypeScript使用@来映射文件路径解决找不到模块“@/xxx”或其相应的类型声明的问题

TypeScript使用@来映射文件路径解决找不到模块“@/xxx”或其相应的类型声明的问题环境：Vue3+Vite+ts想便捷引用自定义模块由于在script中使用import{login}from"
不吃水果的太空人·2024-01-26 01:42

vue3 vite使用postcss-px-to-viewport 实现页面自适应

一、什么是postcss-px-to-viewport？postcss-px-to-viewport是一个PostCSS插件，它可以将px单位转换为视口单位（vw、vh或vmin）。视口单位是相对于视口尺寸来计算的长度单位，而不是相对于父元素或根元素。这意味着使用视口单位进行布局和样式设置时，元素会随着屏幕尺寸的变化而自适应。二、为什么要使用postcss-px-to-viewport？在移动端开
前端小趴菜05·2024-01-25 18:03

vue使用vite工具编译，一个极不好友好的错误提示

yarnbuild时提示如下错识errorduringbuild:Error:[vite]:Rollupfailedtoresolveimport"..."
youwen21·2024-01-25 16:35

vue3使用特殊字符@、~代替路径src

在vite.config.js中引入import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname
samate6666·2024-01-25 15:25

vue3使用特殊字符@、~代替路径src

在vite.config.js中引入import{resolve}from'path'exportdefaultdefineConfig({resolve:{alias:{'~':resolve(__dirname
又是取名的一天·2024-01-25 15:52

Vite和Webpack的区别是什么

一.区别构建速度：Vite使用原生ES模块进行开发，不需要像Webpack那样在编译时将所有代码转换为JS进行打包，因此它的构建速度通常比Webpack快。
小吴吴吴呀·2024-01-25 14:04
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他