2024-04-29如果是自己开发的组件库，为了让它支持自动按需导入，就需要自己编写解析器。},],})resolvers 数组里可以传入一个函数，这个函数会在编译时不断执行。函数接收组件名，并返回一个和 unplugin-auto-import 插件中 imports 配置一样的配置对象，这个对象就是 import 语句的描述对象，最终依据它生成导入语句。注意：组件名会自动转成大驼峰写法。因此所谓的解析器，功能就是根据组件名映射成 import 导入语句。_unplugin-auto-import

https://www.qianduange.cn//article/6100.html 分类：前端知识

2024-06-03一、Vue3项目创建；二、VSCode 工具的智能提示与自动添加 .value；三、SASS安装四、Vite 插件 vite-plugin-vue-setup-extend 的应用；五、VSCode 自定义代码片段的创建与应用_vite-plugin-vue-setup-extend

https://www.qianduange.cn//article/10611.html 分类：前端知识

2024-05-31vue3使用@vitejs/plugin-vue-jsx来满足jsx_plugin-vue-jsx

https://www.qianduange.cn//article/10312.html 分类：前端知识

2024-05-31从github下clone了一个wujie微前端演示项目，下载到本地运行不起来，报如下错误：看字面意思这个报错应该是说vue版本不正确导致的，于是安装了最新版的vue，结果还是无果。上网查询相关报错的解决方法，有人说是这个插件版本不正确导致，于是卸载重装，还是没有解决。有的说建议删掉node_modules，清除缓存后重新下载。依然没用。stackoverflow上有人对这个报错进行了提问，下面有回答说可能是node版本导致，突然想起来我们公司这个项目因为年代比较久远使用了比较老的node版本，然后使用nv_vitejs plugin-vue版本

https://www.qianduange.cn//article/10149.html 分类：前端知识

2024-05-27在开发中，我们总喜欢站在巨人的肩膀上开发，比如用一些框架：vue,react,组件库：element，ant。工具函数：axios，lodash现在是模块化时代，我们也喜欢封装一些组件/工具库，但是都需要引入。v3更是改成composition API ,用那个引入那个，不知道你为此是否感到繁琐，今天就让我们来学习使用两款插件，解放双手，让我们有更多的摸鱼时间?。_unplugin-auto-import

https://www.qianduange.cn//article/9723.html 分类：前端知识

2024-05-13使用函数形式的 showToast ，unplugin-vue-component插件 无法自动引入函数形式组件的样式，因此需要手动引入。解决：在main.ts 中引入。_vant tooltip

https://www.qianduange.cn//article/8480.html 分类：前端知识

2024-05-10Anthony Fu，在Git上的账号是antfu，是Vue和Vite核心成员，同时也是VueUse、Slidev几个开源项目的作者……，他的一些插件都是非常非常实用的！我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。这就是前端大神Anthony Fu写的的非常好用的插件，其实已经被vite官方收录了。将你引入自定义组件的import*****之类的语句，去掉，依旧正常运行。如果，能有一个插件帮我们实现自动引入，是不是要谢天谢地了呢？_unplugin-vue-components

https://www.qianduange.cn//article/7819.html 分类：前端知识

2024-05-07这里记录下自己在Vue3 vite的项目使用less来写样式以及使用vite-plugin-vue-setup-extend直接定义组件name，不使用ts语法，方便以后直接使用。_vite-plugin-vue-setup-extend

https://www.qianduange.cn//article/7374.html 分类：前端知识

2024-05-05前要：今天项目开发用到vue3技术框架 TypeScript语法 vite打包技术…,但是配置vue-router是报错Parsing error: Unexpected token.！顺便记录一下解决不同语法下的交接方法！！！_parsing error: unexpected token :.eslint-plugin-vue

https://www.qianduange.cn//article/7081.html 分类：前端知识

2024-04-29用vue/cli脚手架安装项目时，选择ESlint，再安装依赖包的时候，会报以下错误，（2）切换npm版本，安装8.5.5版本的npm（使用npm -v命令查看版本）npmV7版本开始不再自动忽视依赖冲突，需要用户手动输入命令。npmV7 之前的版本遇到依赖冲突时，会忽视冲突，继续安装；--legacy-peer-deps ：忽视冲突，继续安装（--force ：无视冲突，强制获取远端资源（（1）在每次安装依赖包时，在后面加上。_peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0

https://www.qianduange.cn//article/5994.html 分类：前端知识