vite vue3 vscode volar 按照官方安装却没有类型识别与提示

首先遇到这个问题的朋友,可以先试试官方的办法,试试能不能起作用(毕竟这是官方推荐的办法,能用当然是最吼的)
官方办法

如果上面的那个办法无法使用,你可以试试在/src/vite-env.d.ts 里(如果找不到这个文件,也可以接着往下看),最上面一行加上

/// <reference types="element-plus/global" />

加了之后,完整的文件可能长这个样子

/// <reference types="vite/client" />
/// <reference types="element-plus/global" />


declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

这下应该就可以用了

为什么博主会发现这个办法呢?
因为我重新写了一个vue的组件,然后引入到另外一个组件,发现volar可以正常提示;然后顺手用Ctrl+左键点了一下我制作的标签,便跳转到了这个页面,尝试着加了一行,就好使啦~

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在 VSCode 中打包 Vite Vue3 TS 项目,你可以使用以下步骤: 1. 确保已经在项目中安装Vite 和相关的依赖。你可以在终端中使用以下命令来安装它们: ```bash npm install vite @vitejs/plugin-vue @vue/compiler-sfc typescript -D ``` 2. 在项目根目录下创建一个名为 `build` 的文件夹,并在其中创建一个名为 `build.js` 的文件。在 `build.js` 文件中添加以下代码: ```javascript const { build } = require('vite') build({ configFile: './vite.config.ts', mode: 'production' }) ``` 这将使用 Vite 的 `build` 函数来创建生产环境的构建。 3. 在项目根目录下创建一个名为 `vite.config.ts` 的文件,并在其中添加以下代码: ```javascript import vue from '@vitejs/plugin-vue' export default { plugins: [vue()], build: { outDir: 'dist', assetsDir: 'assets', sourcemap: true, rollupOptions: { input: 'src/main.ts' } } } ``` 这将告诉 Vite 如何构建项目。其中,`plugins` 中使用了 `@vitejs/plugin-vue` 插件来支持 Vue 单文件组件的编译,`build` 中设置了输出目录、静态资源目录、是否生成 source map 等选项,并且指定了入口文件为 `src/main.ts`。 4. 打开 VSCode 终端,并在其中运行以下命令: ```bash node build/build.js ``` 这将执行 `build.js` 文件,开始构建项目。 5. 构建完成后,在项目根目录下会生成一个名为 `dist` 的文件夹,其中包含了构建好的项目文件。你可以将这些文件部署到服务器上以发布你的应用。 希望这些步骤能够帮助你成功打包 Vite Vue3 TS 项目。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值