unplugin 第2页

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第五章组件库安装和使用(Element-Plus基础配置)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、安装二、快速开始三、自动引入1、首先你需要安装`unplugin-vue-components`和`unplugin-auto-import

SmallTeddy·2023-11-24 14:39

vue3 iconify 图标几种使用并加载本地 svg 图标

iconify图表集下载完整集合pnpmadd@iconify/json-D下载单个图标集格式：@iconify-json/[collection-id]pnpmadd@iconify-json/mdi-D与unplugin-i

潇、然·2023-11-22 20:55

vue Element Plus组件自动引入

npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus2、组件按需引入配置Vant按需引入---安装：unplugin-vue-components

无盐海·2023-11-21 06:34

Vant4 List列表组件：资源中有项目合集案列

Vue项目：List组件的引入如果项目没有使用自动按需导入插件unplugin-vue-components则需要我们手动添加组件导入//1.引入你需要的组件://因为我们上面List组件中用到了Cell

无盐海·2023-11-21 06:04

vue3+vite中再也不用单独页面引入vue了，神器：unplugin-vue-components/vite

前言：你是否还在为vue3项目中每个组件都需要单独引入vue而烦恼着，实际vite有一个插件能很好的解决这个问题，那就是unplugin-auto-import/vite使用步骤：1、安装npm/cnpm

浩星·2023-11-19 00:46

vite+vue3+typesScript集成element-plus

文章目录前言一、集成element-plus，按需自动导入组件二、集成element-plus图标，按需自动导入组件三、使用unplugin-icons，添加自定义图标总结前言上一章我们学习了如何创建vite

时空留痕·2023-11-17 14:08

vue和react项目中实现 px 转 vm

npmipostcss-px-to-viewport2、vue项目配置const{defineConfig}=require('@vue/cli-service');constAutoImport=require('unplugin-auto-import

Bunny0212·2023-11-17 03:06

Vant 移动端UI

Vue项目中安装Vant#Vue3项目，安装最新版Vantnpmivant组件按需引入配置vant按需引入---安装“unplugin-vue-components”插件Vite中使用Vant的话，可以使用

无盐海·2023-11-12 22:10

Vue3第五篇：集成Element Plus

不要在启动的情况安装，如果安装失败，停止服务，多安装几次，安装好后重启1.安装yarnaddelement-plus2.安装unplugin-vue-components和unplugin-auto-import

AI吃番茄·2023-11-12 22:39

【vue学习笔记】vue3引入unplugin-auto-import并接入element-ui

vue3引入unplugin-auto-import并接入element-ui接上一篇vue3部署：【vue学习笔记】vue3+vite+route实现框架构建一、引入自动引入插件1.unplugin-auto-importnpmiunplugin-auto-import-D2

猿职场·2023-11-11 09:13

vue3 keep-alive页面缓存

html1.tssetup写法1.安装插件npminstallunplugin-vue-define-options-D2.vite.config.ts配置importDefineOptionsfrom'unplugin-vue-define-options

安徒生1997·2023-10-31 14:59

element-plus 自动按需引入icon unplugin-icons相关配置（有效）

1.安装的组件有这四个2.vite.config.js配置文件修改页面使用附完整vite.config.js配置相关配置（自行根据配置文件中的安装哈，我就不一一列举了）1.安装的组件有这四个2.vite.config.js配置文件修改页面使用效果附完整vite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin

豆逗逗·2023-10-28 01:33

vue3中使用svg并封装成组件

ornpmivite-plugin-svg-icons-D#orpnpminstallvite-plugin-svg-icons-D使用插件vite.config.tsimport{VantResolver}from'unplugin-vue-components

是三好·2023-10-27 17:40

Vite实战案例：构建快速、高效的现代前端项目

vite-plugin-compression进行分包压缩动态加载CDN加速2.使用vite-plugin-checker进行类型检查及构建优化3.阻止打包成功并不生成dist文件4.preview预览生产包5.unplugin-auto-import

SteveRocket·2023-10-27 08:51

记录一下vue3的vite.config.js文件配置

defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'importAutoImportfrom'unplugin-auto-import

半盏红尘·2023-10-25 01:51

vue 项目启动后一直不断的刷新停不下来

各种查找最后发现是vue.config.js中的热更新配置项目开启的原因const{defineConfig}=require('@vue/cli-service')constAutoImport=require('unplugin-auto-import

桃根仙·2023-10-24 05:35

打造属于自己的vue图标库

hfex-icon图标库Installnpmi-Dhfex-icon主要提供2种使用方式方式一通过svg图标资源，借助unplugin-icons库将svg图标文件生成vue组件，然后通过vue组件的引入方式在

UzumakiHan·2023-10-19 09:58

vite+vue3+ts项目搭建之使用Pinia代替vuex及Pinia持久化处理

配置插件安装使用是重点（极大提高了开发效率）一、使用Pinia代替vuex1、安装pinianpminstallpinia2、在src目录新建store文件夹，新建index.ts文件，代码如下：//因为用了“unplugin-a

wocwin·2023-10-19 03:21

vue3学习（八）--- 组件相关

文章目录全局组件批量注册全局组件局部组件递归组件组件定义名称方式1.增加一个script通过export添加name2.直接使用文件名当组件名3.使用插件unplugin-vue-define-options

邱先生~·2023-10-17 18:36

vue3后台管理框架之技术栈

sassui库：element-plus模拟数据:mock网络请求：axios路由：vue-router4状态管理：pinia(vuex5)相关插件：unoscc,vite-plugin-mkcert,unplugin-auto

LL1018。·2023-10-17 02:39

Vue3 + Element-plus 项目自动导入报错解决方法

前言在创建Vue3+Element-plus项目时，根据Element-plus文档，采用自动导入，安装unplugin-vue-components和unplugin-auto-import两款插件，

varBlue·2023-10-15 02:21

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

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

UzumakiHan·2023-10-14 15:20

vite+vue3+ts中自动导入的使用

vite+vue3+ts新手使用教程)安装vite+vue3+ts.1.安装需要的库pnpminstall-Dunplugin-vue-componentsunplugin-auto-import//安装unplugin-vue-components

Orphan~·2023-10-13 01:46

vite项目的vite.config.ts配置

//vite.config.tsimportvuefrom'@vitejs/plugin-vue'import{defineConfig}from'vite'importAutoImportfrom'unplugin-auto-import

tingkeiii·2023-10-12 23:31

vite.config.js 文件配置

defineConfig}from'vite'import{resolve}from'path';importvuefrom'@vitejs/plugin-vue'importComponentsfrom'unplugin-vue-components

Marry&Home·2023-10-12 23:57

vite vite.config.js中的配置

defineConfig,loadEnv}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";importComponentsfrom"unplugin-vue-components

就是个名称·2023-10-12 23:55

Vue3 学习笔记 —— 自动导入 Vue3 APIs、v-model

目录1.自动导入Vue3APIs——unplugin-auto-import/vite2.v-model2.1相较于Vue2，Vue3做出了哪些变化？

Lyrelion·2023-10-12 15:21

vue3 + vite项目使用SVG图标

引入vite插件unplugin-iconsunplugin-vue-componentsvite-plugin-svg

shareloke·2023-10-09 15:06

关于使用unplugin-auto-import/vite后在TS中报错的解决

文件第一步需要配置这里Autoimport配置项import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import

曦和百里·2023-10-04 04:52

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

npmi-Dunplugin-auto-importvite.config.ts配置importAutoImportfrom"unplugin-auto-import/vite"exportdefaultdefineConfig

一路向北qaq·2023-10-04 04:52

unplugin-auto-import 和 unplugin-vue-components 的正确使用方式

在整合element-plus的时候，自动导入模块与引用到这两个插件的简单介绍，详情见官网：unplugin-vue-components和unplugin-auto-import在使用过程中安装npminstall-Dunplugin-vue-componentsunplugin-auto-import

屹想天开·2023-10-04 04:51

unplugin-vue-components强大的插件

unplugin-vue-components是一款能帮助组件自动导入的库,简单点的说,你不需要使用importxxfrom‘xxx.vue’这行语句也能实现导入的效果。

不断学习的码农·2023-10-04 04:51

vue-cli中按需引入element-plus(使用unplugin-vue-components unplugin-auto-import)

目录一、文档二、使用步骤1.安装插件2.配置vue.config.js3.测试总结一、文档戳这里，跳文档二、使用步骤1.安装插件npminstall-Dunplugin-vue-componentsunplugin-auto-import2.配置vue.config.jsvue-cli内部用的就是webpack，configureWebpack配置的会被合并constAutoImport=requ

m0_67392273·2023-10-04 04:21

vue3常用插件-unplugin-auto-import

unplugin-auto-import插件，可以帮助我们在项目中，自动导入常用的使用的第三方库的API，就可以方便我们开发，提升开发效率。

赢乐·2023-10-04 04:21

unplugin-vue-components和unplugin-auto-import插件

unplugin-auto-import：自动按需引入vue\vue-router\pinia等的apiunplugin-vue-components：自动按需引入第三方的组件库组件和我们自定义的组件使用此类插件

暗月Moon·2023-10-04 04:51

【Vite + Vue3 + TS】unplugin-auto-import自动引入配置及Eslint报错解决

配置完成效果图如下所示：可以看到页面并没有引入onMountedreactive等函数，亦可正常使用接下来，我们将逐一配置1.下载并引入插件unplugin-auto-import$npminstallunplugin-auto-import-Dvite.c

前端大斗师·2023-10-04 04:51

17 【vue3自动导入配置】

17【vue3自动导入配置】1.自动导入组件库组件unplugin-vue-components安装pnpminstallunplugin-vue-components-D然后将下面的代码添加到Vite

DSelegent·2023-09-30 18:36

vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)

按需自动引入elementUI首先需要插件unplugin-vue-components和unplugin-auto-importnpmiunplugin-vue-componentsunplugin-auto-import

前方路远·2023-09-21 23:50

element-plus按需引入后ElMessage与ElLoading在页面中如何使用

element-pluspnpminstallelement-pluspnpmadd-Dunplugin-vue-componentsunplugin-auto-import//vite.config.tsimportAutoImportfrom'unplugin-auto-import

你的微笑、暖暖的·2023-09-16 17:29

vue3中使用element-plus

参考：快速开始|ElementPlus首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件npminstall-Dunplugin-vue-componentsunplugin-auto-import

hdchangchang·2023-09-15 15:03

Vite按需引入自定义组件unplugin-vue-components

unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）；作者是Vite生态圈大名鼎鼎的AnthonyFu使用此插件后，不需要手动编写import

老鼠AI大米_Java全栈·2023-09-14 09:29

unplugin-auto-import的配置和eslint报错解决

unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-importunplugin-auto-import解决了vue3-hook、vue-router

acgCode·2023-09-10 07:20

vue3+vite+elemetplus运行报错

1.Cannotfindmodule'unplugin-auto-import/vite'解决升级node版本16以上；不行再执行命令：npmi-Dunplugin-auto-import2.Cannotfindmodule'unplugin-vue-components

zhl999999999·2023-09-09 20:24

vue3 + vite 项目搭建 - 修改ElementPlus主题

ElementPlus安装插件"unplugin-auto-import":"^0.5.11","unplugin-vue-components":"^0.17.14","unplugin-element-plus

Terminal丶句点·2023-09-07 17:51

element-plus 使用笔记

save自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-import//vite.config.js···importAutoImportfrom'unplugin-auto-import

海胆Sur·2023-09-03 08:15

vue3之vite按需引入解放双手（unplugin-auto-import）

自动导入compositionapi和生成全局typescript说明npmi-Dunplugin-auto-importvite.config.ts配置在plugins里面AutoImport({imports:['vue','vue-router','vue-i18n',],//可以选择auto-import.d.ts生成的位置，使用ts建议设置为'src/auto-import.d.ts'd

早上不想起_·2023-08-29 08:15

第二十章 webpack5项目搭建Vue-Cli（配置优化）

npminstall-Dunplugin-vue-componentsunplugin-auto-import2、webpack配置//webpack.config.jsconstAutoImport=require('unplugin-auto-import

天界程序员·2023-08-26 20:47

vue-cli@4 vue3 +ts autoimport报错问题解决

下载unplugin-auto-import插件npminstallunplugin-auto-import-Dvue.config.js修改配置constAutoImport=require("unplugin-auto-import

菜鸟工程师2号·2023-08-24 19:29

vue3中Vant的使用

小杨不香菜·2023-08-22 08:27

vue3 自动引入 ref onMounted

import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'importAutoImportfrom'unplugin-a

好多吃的啊·2023-08-19 06:04

推荐频道

unplugin

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第五章 组件库安装和使用(Element-Plus基础配置)

vue3 iconify 图标几种使用 并加载本地 svg 图标