Vite 第27页

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

[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.

项目背景项目用的是vue3+vite+elementplus的Pc项目问题描述本地环境一切正常，构建后。偶发下面的报错。然后页面就不可以用了。当前页面刷新一下后，操作，就不会报错。

TE-茶叶蛋·2023-11-22 17:13

菜鸟打印组件系列-vue3快速接入

案例是基于vue3+vite+element-plus，注册商家的使用可以

TE-茶叶蛋·2023-11-22 17:43

（vue3.x+vite）组件间通信方式之pinia

前端技术社区总目录（订阅之前请先查看该博客）示例效果Pinia简介Pinia是Vue的存储库，它允许您跨组件/页面共享状态。Pinia与Vuex比较（1）Vue2和Vue3都支持，这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。（2）pinia中只有state、getter、action，抛弃了Vuex中的Mutation，Vuex中mutation一直都不太受小伙伴们的待见，pinia直

地图之家家长·2023-11-22 17:39

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第七章路由配置(vue-router深入解读)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、介绍二、安装三、基础用法1、基础路由配置2、声明式导航和编程式导航1、声明式导航2、编程式导航3、嵌套路由4、动态路由匹配1、如何将多路径映射至同一组件2、代码演示5、命名、重定向和别名1、命名2、重定向3、路由别名6、路由传参7、不同的历史模式1、hash模式2、html5模式3、两种模式差异四、路由守卫1、完整的导航解析流程2、全

SmallTeddy·2023-11-22 17:19

vue3-基础知识

目录一.简介及基础1.Vue2/3(1)版本(2)调试工具2.SPA(1)概念(2)优缺点(3)快速创建vue的SPA项目3.vite4.template二.组件的基本使用1.Class与Style绑定

Mteee.·2023-11-22 16:25

Vue2常见的缺陷与Vue3带来的新特性

首先从开发维护的角度来看2.从社区的二次开发难度来说3.从我们普通开发者的角度来说二、Vue3的新特性1.RFC机制2.响应式系统3.自定义渲染器3.全部模块使用TS重构4.CompositionAPI5.Vite

NGUP_LEE·2023-11-22 16:18

Vue3+vite使用scss全局变量

Vue3+vite使用scss全局变量踩坑首先需要下载依赖(vue3直接使用sass，不需要再用node-sass)npminstallsasssass-loader-D然后使用scss全局变量需要在vite.config.js

七月安生·2023-11-22 15:12

Vue3 配置全局 scss 变量

variables.scss$color:#0c8ce9;vite.config.ts//全局css变量css:{preprocessorOptions:{scss:{additionalData:`@

努力挣钱的小鑫·2023-11-22 15:30

webpack环境变量的设置

现在虽然vite比较流行，但对于用node写后端来说，webpack倒是成了一个很好的打包工具，可以很好的保护后端的代码。所以这块的学习还是不能停下来，接下来我们来针对不同的环境做不同的设置写好笔记。

web前端神器·2023-11-22 11:13

【Vue3】vue3全解

文章目录一、vue3简介二、vite基本使用三、创建vue应用四、选项API和组合API（一）选项API（二）组合API五、组合API（一）setup函数（二）生命周期1、vue2.x生命周期钩子函数2

奔跑の大可爱·2023-11-22 07:19

nginx部署vite4+vue3项目（解决所有遇到的问题！同一个nginx部署多个项目、页面空白问题、页面刷新404问题、在vite.config.js中配置跨域代理访问不了后端接口问题等等）

前言还是那句话，学有所感，记录如下。一、下载nginx进入nginx官网直接下载即可：http://nginx.org/en/download.html选择稳定版，我这里选择windows来演示：下载完成之后，解压，进入nginx-1.24.0文件夹中，nginx目录如下：主要文件目录介绍如下：conf：nginx的一些配置文件html：前端的打包文件主要放在这个地方logs：日志文件存放目录ng

爱吃雪糕的小布丁·2023-11-22 06:53

vite vue3配置axios

准备参考安装axiosyarnaddaxios中文官网src下新建request文件夹，该文件下新建index.tsimportaxiosfrom'axios';import{ElMessage}from'element-plus';//consterrorCodeType=function(code:number):string{//leterrMessage:string='未知错误';//s

假装我不帅·2023-11-22 06:51

vue+vite项目打包生成可以后端修改url ip的相关配置与使用方式

vue项目npmrunbuild打包后会生成一个dist文件，我们有时候需要一个配置文件来更改所有请求ip地址，如果没有这个配置文件，我们就需要每次在项目代码中更改，然后再打包，这样就很麻烦，所以可以选择用一个配置文件来更改打包后的url，方法步骤如下：（以一个需求为例：判断用户是否登录，如果未登录则提示登录并跳转网址，在开发环境和生产环境分别跳转不同的外部链接）1.在publice中配置路径2.

Hazel_gy·2023-11-22 06:46

Vite：Error: Cannot find module ‘worker_threads‘

报错信息：Error:Cannotfindmodule'worker_threads'注意：Vite需要Node.js版本>=12.0.0。

码上生活·2023-11-22 04:03

【vite】启动项目时报错：Cannot find module ‘worker_threads‘

启动新clone的vue3+vite项目时报如下错误：Cannotfindmodule‘worker_threads’Error:Cannotfindmodule'worker_threads'atFunction.Module

zhaojingj_·2023-11-22 04:33

前端vue3一键打包发布

一、本地代码一键打包发布工具：vscode项目：vue3+ts+vite+yarn1

火辣辣-·2023-11-22 04:31

vue3+vite+ts 安装遇到的一些问题和解决方案

下面问题都是一个坑一个坑踩过来的，借鉴了网上很多资料，这里只提vite安装，不提vue-cli//vite的安装npminstall-gcreate-vite-app先安装vite，安装成功后通过以下命令可以创建

余温无痕·2023-11-22 03:29

vite+vue3+typescript 搭建项目框架

选用了vite+vue3+ts+vant来搭建。以下是自己一步一步搭建的过程。以及用自己的血泪踩得深坑。

sabrina_chen·2023-11-22 03:28

推荐频道

Vite