vite 第35页

vue3+vite使用svg图片

一、下载插件yarnaddvite-plugin-svg-icons-D//ornpmivite-plugin-svg-icons-D二、配置1、vite.config.tsimport{defineConfig

zh814l·2023-10-16 10:15

vue3+vite中使用国际化，vue-i18n插件实现

一、安装npminstallvue-i18n二、在src文件夹下新建locales文件夹，里面新建三个文件，分别是英文词条文件en.ts，中文词条zh.ts，主文件index.ts，分别如下en.tszh.tsindex.tsimportzhfrom"./zh";importenfrom"./en";exportdefault{zh,en,};三、在src同级新建i18n.tsimport{cre

yang_song97·2023-10-16 10:45

Vue3+Vite+Js项目搭建之九：SvgIcon.vue 组件构建

效果：在components下构建SvgIcon.vue组件import{computed}from"vue";constprops=defineProps({name:{type:String,required:true,},className:String,color:String,width:String,height:String,size:String|Number,});//判断传入的

yqcoder·2023-10-16 10:44

vue3+vite+ts 使用svg

(1)安装插件yarnaddsvg-sprite-loader--save-dev(2)封装svgIcon组件在componemts里新建svgIcon文件夹，新建SvgIcon.vue，封装成组件constprops=defineProps({name:{type:String,required:true}}).svg-icon{width:1em;height:1em;vertical-ali

@呵呵·2023-10-16 10:11

vue3+vite项目中使用svg图标

vue3+vite项目中使用svg图标引言1.vite-plugin-svg-icons插件安装配置2.下载svg图标3.使用svg图标封装svg-icon组件全局注册组件中使用引言项目中有很多地方需要用到

南木元元·2023-10-16 10:11

Vue3+Vite 实现引入svg图标

页面展示效果图如下：1.安装依赖插件vite-plugin-svg-iconsnpmivite-plugin-svg-icons2.安装fast-globnpmifast-glob3.配置vite.config.js

吃葡萄不吐葡萄皮嘻嘻·2023-10-16 10:09

vue(二）vue3 + vite + 自定义svg使用

3.2.39","vue-router":"^4.1.5"},"devDependencies":{"@vitejs/plugin-vue":"^3.1.0","fast-glob":"^3.2.12","vite

qq_30620793·2023-10-16 10:08

vue3+vite svg图标的使用

这个基本纯属靠大佬，毕竟不会写插件这边就写写过程。首先安装svg相应的开发插件npminstallsvg-sprite-loader-D然后我们使用svg按照vue的开发文档上说都是先封装一个svg组件import{computed}from'@vue/reactivity';constprops=defineProps({name:{type:String,required:true},colo

杨小c丶·2023-10-16 10:36

在vue3+vite+Ts项目中使用svg

这里写自定义目录标题1、首先在conponents目录下创建组件2、在main.ts文件中在main.js里面全局注入svg-icon组件3、在utils目录下创建svg.ts文件4、在vite.config.js

#GZ·2023-10-16 10:35

Vue3 + Vite 项目使用 svg 加载 iconfont 的最佳实践

目录Vue3+Vite项目使用svg加载iconfont的最佳实践1为什么需要使用iconfont？2如何在Vue3+Vite项目中使用iconfont？

Vesuvius688·2023-10-16 10:04

vue3+vite项目中使用svgIcon

项目中优雅的使用图标1、安装插件nodeversion:>=12.0.0viteversion:>=2.0.0npmivite-plugin-svg-icons-D插件地址：GitHub-vbenjs/vite-plugin-svg-icons

hdchangchang·2023-10-16 10:02

Vue3引用PWA，vite-plugin-pwa的使用及注意要点

工作业务需求，需要给H5页面增加PWA功能，主要是需要有一键添加到桌面，而不是指引用户在浏览器工具栏操作。查找了一些资料，主要是用到AddtoHomeScreen，简称A2HS，需要主要的是此方法只有部分浏览器支持，MobileChrome/AndroidWebview从31版开始支持A2HS，OperaforAndroid从32版开始支持，FirefoxforAndroid从58版(en-US)

yilaisai·2023-10-16 09:53

搭建vue3+ts+vite项目

输入项目名字3.选择框架vue4.选择语法ts5.cd项目、pnpminstall、pnpmrundev二、工具配置1.浏览器自动打开：package.json文件夹下"scripts":{"dev":"vite

xhjtcflm·2023-10-16 09:53

vite-plugin-pwa配置详解

vite-plugin-pwa配置详解前提：前端域名和后端服务域名相同时，用window.open新开页面下载或者导出文件，项目中导出和下载功能失效，原因是，域名相同走缓存实现serviceworker

yuan溜溜·2023-10-16 09:51

vite vue3 pwa 更新提醒

效果vite-plugin-pwa插件启用pwa后默认会在后台自动更新应用，并在关闭所有已开启的页面并重新打开后激活通过此方法可以以消息方式提醒用户手动刷新激活更新应用方法已经使用vite-plugin-pwa

路过君_P·2023-10-16 09:49

Vue3 + Vite3 + Element-Plus 管理系统

Vue3+Vite3+Element-Plus管理系统介绍vue-diverse-admin，基于Vue3、TypeScript、Vite3、Element-Plus开源的一套后台管理模板，项目均使用JS

觀眾·2023-10-16 06:00

vue3后台管理框架之Mock开发

前言在前后端对接中，有时后端的接口数据没有那么快能给出，因此我们可以通过mock模拟自己的请求数据，在后端接口没有给出的同时，先使用mock请求的数据完成前端相关的逻辑官方文档：vite-plugin-mockvite

LL1018。·2023-10-16 05:19

通过vite创建vue3项目

安装nodejs：关注微信公众号：玩转测试开发搜索：nodejs：win10安装Vite作为下一代前端开发与构建工具，具有以下优势：1、极速的服务启动：使用原生ESM文件，无需打包!

玩转测试开发·2023-10-16 00:07

十分钟快速使用 React18 + vite + TypeScript + antDesign 搭建一个前端框架

在这篇博客中，我将向读者们介绍如何使用React18+vite+TypeScript+antDesign搭建一个前端框架。React是一种流行的JavaScript库，用于构建用户界面。

洋茄子炒鸡蛋·2023-10-16 00:46

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架??。废话不多说，直接上手开搞??

rgrgrwfe·2023-10-15 23:44

Vite+Vue3+TypeScript 搭建开发脚手架

Vite前端开发与构建工具开发环境中，vite无需打包，可快速的冷启动真正的按需编译，不需要等待整个应用编译完成一个开发服务器，它基于原生ES模块提供了丰富的内建功能，速度快模块热更新（HMR）一套构建指令

qq_41315539·2023-10-15 23:12

使用 Vite+TypeScript 打造一个 Vue3 组件库

使用Vite+TypeScript打造一个Vue3组件库文章目录使用Vite+TypeScript打造一个Vue3组件库写在前面搭建Monorepo环境什么是Monorepo环境使用pnpm安装初始化package.json

Karl ^_^·2023-10-15 23:40

vue3+vite+TypeScript+Element plus+pinia搭建开发脚手架

初化化项目pnpmcreatevite2.引入eslint和prettier，约束代码风格安装eslintpnpmi-Deslinteslint-plugin-vue@typescript-eslint/parser@typescript-eslint/eslint-plugin这四个依赖的作用分别是：eslint:EsLint的核心代码eslint-plugin-vue：为Vue使用Eslint

Spider Cat 蜘蛛猫·2023-10-15 23:10

Vite + TypeScript + Node 开发一个简易脚手架

前言使用Vite+TypeScript+Node开发一个使多个命令为一个命令的脚手架当然这个题材你也可以使用bat实现思路创建一个node项目，开发一系列逻辑，发布到线上，需要的时候全局安装使用初始化项目选择自定义预选

biaov·2023-10-15 23:37

vue3通过vite.config.js通过代理配置跨域

前端通过vite.config.js配置进行跨域,无法代理成功的原因：封装的axios拥有baseUrl，所以不会重写路径.如果拥有封装好的axios,需要将啊ingbaseUrl删掉在vite.config.js

songyitian4·2023-10-15 22:21

Vite + Vue3 初体验 —— Vite 篇

Vite和Vue3在2022年应该不算个新事物了，但应该也有很多像我一样还没有接触过这两个“新鲜玩意”的。这两样（Vite+Vue3）给我的感觉是完完全全的新鲜玩具，是新时代的潮流。

昵称不用太拉风·2023-10-15 22:52

vue3 vite.config.js 解决跨域问题

在自带的vite.config.js文件中加入以下代码：server:{//host:'',//本机ipport:8080,proxy:{'/api':{target:'http://gmall-h5-

wlocfo·2023-10-15 22:16

(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法

使用vite创建项目后，在src目录下，有一个vite-env.d.ts文件，在这个文件中，添加如下代码：declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent

一嘴一个橘子·2023-10-15 22:15

vue3项目中vite.config.ts作用等同于vue.config.js，解决跨域

import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue

choorn·2023-10-15 22:42

前端工程化知识系列（9）

82.有没有使用过现代前端构建工具（如Vite、Snowpack）来加速开发和构建过程？83.你如何处理前端应用的访问控制和用户权限，以确保只有授权用户能够访问敏感功能？

云边散步·2023-10-15 16:04

Vite+Vue3项目实现路由自动化，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成。

实现的两种方式：一、使用vite-router-automation插件包实现vite环境下的vue路由自动化vite-router-automation地址：https://www.npmjs.com

薛定谔的猫-菜鸟程序员·2023-10-15 13:29

猫眼校园招聘_1面

（1）打包和构建工具vite和webpack功能1.构建原理：Webpack是一个静态模块打包器，通过对项目中的JavaScript、css、Image等文件进行分析，生成对应的静态资源，并且通过一些插件和加载器来实现各种功能

不拿Offer不改名·2023-10-15 12:38

Vite创建Vue项目后遇到的问题

Vite创建Vue项目后遇到的问题前言问题问题一问题二问题三问题四补充前言 Vite创建Vue项目还算顺利，但创建后不是万事大吉，遇到了各种的问题。现在就自己遇到的问题做个总结。

qq_45438471·2023-10-15 11:06

vite创建vue3项目

vite创建vue3项目前言步骤一、全局安装vite二、创建VUE项目三、启动项目前言在开发软件阶段，时间就是金钱。VUECLI和Vite均是构建Vue项目的工具。

qq_45438471·2023-10-15 11:36

手把手教你手写一个 Vite Server（一）

之前写过几篇Vite的文章，对Vite的概念也有一定的理解了，但理解归理解，仍然觉得很虚，也不知怎么的，这几个概念突然就变成一个这么强大的工具。。。

CandyTong_·2023-10-15 10:13

前端三大框架，webpack和vite的比较，android三大框架.

1..NET和ASP.NET分别是什么？.NET是微软的一个开发平台，其主要核心就是.NETFramwork，这个平台的一大特点就是跨语言性，不管是什么语言，c、c++、c#、F#、J#、vb等语言都可以用这个平台合作开发；ASP.NET是一个网站开发的技术，是.NET里面的一个模型，也是目前的一种主流开发网站的技术；2..NET和ASP.NET区别是什么？（1）ASP.NET是一个网站开发的技术

云草桑·2023-10-15 10:51

vue3+vite+ts 配置别名@报错找不到模块

我在学习vue3+vite+ts的时候，在配置别名这一步的时候遇到了一个问题，使用@引入会报错，如下图所示。

高冷冷·2023-10-15 02:52

Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）

1.Vue3+Quasar系列-代码配置打包去掉hash后缀去掉hashhttps://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa2

tangdou369098655·2023-10-15 02:49

node 基于标准注释的通用文档自动生成器

,越来越多,对企业整体的技术管控也带来越来越大的挑战,如何知道企业内部已经开发了哪些组件,哪些功能有写好的库可以直接调用,这些都需要一个文档工具来进行归纳汇总基于以上问题,笔者使用node+vue3+vite

非常帅气的昵称吧·2023-10-14 23:00

颠覆性语音识别：单词级时间戳和说话人分离 | 开源日报 No.53

vbenjs/vue-vben-adminStars:19.7kLicense:MITVueVbenAdmin是一个免费开源的中后台模板，使用最新的vue3、vite4和TypeScript等主流技术进行开发

开源服务指南·2023-10-14 22:02

vue项目打包，使用externals抽离公共的第三方库

封装了一个插件，用来vue打包抽离公共的第三方库，使用unplugin进行插件开发，vite对应的功能使用了vite-plugin-externals进行二次开发github地址npm地址hfex-auto-externals-plugin

UzumakiHan·2023-10-14 15:20

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀，封装了一个插件去解决了这个问题unocss-postcss-webpack-pluginunocss在vite中使用配置，关于

UzumakiHan·2023-10-14 15:20

vue3 vite2 发布报 Rollup failed to resolve import “element-china-area-data“ 错误

发布前端项目pnpmrunbuild:prod出现Rollupfailedtoresolveimport“element-china-area-data”错误解决方法:在项目的vite.config.js

程序员岩哥·2023-10-14 14:38

发布vue3组件到npm

目录准备你的组件创建项目创建步骤创建组件封装我们要得组件导出组件打包使用组件发布包创建npm账户登录npm切换npm源发布到npmpackage.jsonpackage.json字段确定版本号版本号格式版本号递增逻辑vite

前端贾公子·2023-10-14 13:45

uniapp (vite +vue3+ts+pinia) 搭配微信小程序云开发项目架构搭建-避坑指南

前言最近开始了项目旧改，将以前开发的一些校园小程序由uniapp+vue2版本升级为，unipp+vite+ts+vue3的架构，顺便把代码质量提升一下。

oil欧哟·2023-10-14 12:40

uni-app 使用Vue3/Vite/TS构建, vite+ts+vue3小程序编译失败，浏览器没问题

使用Vue3/Vite版npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project上面不行的话点击这个链接，获取模板gitee，机器验证用VSCode打开我们所创建的项目

동경·2023-10-14 12:09

使用vscode搭建vite+uniapp+vue3+uview-plus项目

1.使用vscode创建项目npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例，如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quicks

大好时光~·2023-10-14 12:34

vite批量引入并注册组件

有些时候当某一个文件夹下的文件都需要被引入的时候，一个一个的去import就会显得非常麻烦，webpack和vite都提供了批量引入文件的方法，下面来介绍一下vite和webpack中的批量引入文件。

变量只提升声明不提升赋值·2023-10-14 11:51

three.js项目--在线选车

、坐标需求：1、车身颜色修改2、磨砂、高光切换、同时价格切换3、室内室外切换4、驾驶位、副驾驶、外观多角度观察5、车门的开启、关闭编码：面向对象编程思想单例模式订阅发布模式ps:方便代码迁移复用（技术vite

Best_卡卡·2023-10-14 09:21

如何实现并部署自己的npm解析服务

简单来说分为3步：执行npminstall安装依赖使用打包工具（比如webpack）打包、编译代码（如果使用Vite会省去打包的步骤，但会执行「预构建」）将步骤2的产物通过script标签注入页面codesandbox

奇舞周刊·2023-10-14 08:28

推荐频道

vite