unplugin-auto-import自动导入

步骤

安装第三方库

npm i -D unplugin-auto-import
or
yarn add unplugin-auto-import -D
or
pnpm i -D unplugin-auto-import

vite.config.js配置

import AutoImport from "unplugin-auto-import/vite"
export default defineConfig({plugins: [vue(),AutoImport ({imports: ["vue", "vue-router"], // 自动导入vue和vue-router相关api(需要pinia的话这里需要引入pinia)})]
})

在组件不引入vue或者vue-router的情况下，使用composition api

<template><div class="detail">detail</div>
</template>
<script setup>
const router = useRouter()
const route = useRoute()
const { proxy } = getCurrentInstance()
console.log(route,router )
const num = ref(0)
console.log(num.value, "num")
</script>
<style scoped></style>

结语：花有重开日，人无再少年。

unplugin-auto-import自动导入相关推荐

Android studio 自动导入(全部)包 import
1 Android studio 只有import单个包的快捷键:Alt+Enter.没有Eclipse下的快速导入包的快捷键Ctrl+Shift+O. 2 但android studio设置里有一 ...
IDEA 实用功能Auto Import：自动优化导包（自动删除、导入包）
JetBrains公司的intellij Idea堪称JAVA编程界的苹果,用户体验非常好下面介绍一下IDEA的一个能显著提升写代码效率的非常好用的功能设置-- Auto Import Auto I ...
idea jar包导入_IDEA 实用功能Auto Import：自动优化导包（自动删除、导入包）
下面介绍一下IDEA的一个能显著提升写代码效率的非常好用的功能设置-- Auto Import Auto Import的功能是可以帮助我们自动删除无用的包Import(未被引用),以及自动Import ...
IDEA 自动导入的配置（Auto import）
很多开发过 Java 的小朋友都有一个定义就是不导入 * 但 IDEA 自动导入的配置中的默认选项是通配符导入( wildcard imports). 在默认情况下,如果同一个包中的类导入超过 5 个 ...
IDEA: 自动优化导包 Auto Import
由于开发过程中有的同事依然使用的是Eclispe, 在使用IDEA的时候,引入无用包可能无法及时去除!这个功能完美解决这个问题! Auto Import 功能: 自动删除无用的包Import(未被引 ...
IDEA 如何自动导入（import）
如果大家正在使用一个未曾导入(import)过的类,或者它的静态方法或者静态字段,IDEA 会给出对应的建议,只要按下 ⌥(option)和回车就可以接受建议. 但我觉得这样做仍然很麻烦,不够智能化. ...
Java中apple导入那个包_在Java中，由Java编泽器自动导入而无需在程序中用import导入的包是（)。A．java.appletB．java.awtC．j...
在Java中,由Java编泽器自动导入而无需在程序中用import导入的包是().A．java.appletB．java.awtC．j 更多相关问题问卷星是一个专业.无限制的免费在线问卷调查.测评. ...
Go (Golang) 工具之依赖包管理工具goimports | Go语言规范-import规范(导入)排序 |GoLand：设置gofmt与goimports，保存时自动格式化代码
文章目录 Go (Golang) 工具之依赖包管理工具goimports Go语言规范-import(导入)排序什么是goimports 安装和使用 Golang 使用goimports unrec ...
Eclipse(STS) organize import 不能自动导入引用类
game->global seeting->Performance Monitoring 2019.12.05 更正: 这个并不是Eclipse或者STS的Bug, 真正的原因是如果你正在 ...
IDEA 设置自动导入包，以及手动导入包
IDEA 设置自动导入包,以及手动导入包自动导入包 IntellJ IDEA -> Preferences -> Editor -> Auto Import 选中 Add unam ...

unplugin-auto-import自动导入

unplugin-auto-import自动导入

步骤

结语：花有重开日，人无再少年。

unplugin-auto-import自动导入相关推荐

最新文章

热门文章