此方法适用于vue3+ts
在https://www.typescriptlang.org/dt/search中,可通过@types下载的类库,在mian.ts文件中直接引用即可
首先通过npm安装ant-design-vue(2.0rs)版本
npm i --save ant-design-vue@next
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Antd from 'ant-design-vue' //引用ant-design-vue类库
import 'ant-design-vue/dist/antd.css'
createApp(App)
.use(store)
.use(router)
.use(Antd)
.mount('#app')
npm上第三方类库引用
首先通过npm安装data-view
npm install @jiaminghi/data-view
安装成功后,在shims-vue.d.ts文件中,通过declare module进行声明
declare module '@jiaminghi/data-view'
声明后在main.ts中进行全局引入
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Antd from 'ant-design-vue'
import dataV from '@jiaminghi/data-view'
import 'ant-design-vue/dist/antd.css'
createApp(App)
.use(store)
.use(router)
.use(Antd)
.use(dataV)
.mount('#app')
即可实现vue3+ts+各中类型的类库引入