如何让vite.config.js出现语法提示

1. 引入defineConfig

import { defineConfig } from "vite" // 引入defineConfig可以出现语法提示，因为defineConfig这个函数里面规定了用户应该配置的项目。

export default defineConfig({ // 返回该对象
  optimizeDeps: {
    exclude:[]
  }
})

2. 使用注释/** @type import("vite").UserConfig */

/** @type import("vite").UserConfig */
const viteConfig = {
  optimizeDeps: {
    exclude: []
  }
}

export default viteConfig

3. 后记

• 函数的语法提示

/**
 * @param {number}
 * @return {string}
 */
function bar(){
    ...
}

使用这种语法注释结构，写函数时就会根据函数参数类型和返回值作一定的语法提示。

• 参考来源：

1. https://www.bilibili.com/video/BV1GN4y1M7P5?p=7&spm_id_from=pageDriver&vd_source=b1c06588c6b8247603b9356c32a1e5b6
2. https://cn.vitejs.dev/config/