This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Since TypeScript cannot handle type information for .vue imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue imports (for example to get props validation when using manual h(...) calls), you can enable Volar's .vue type support plugin by running Volar: Switch TS Plugin on/off from VSCode command palette.
- 在
src/components下面创建的vue文件会被unplugin-vue-components自动加载 - 项目使用的
naive-ui组件库会被unplugin-vue-components自动加载。
在src/views目录下的vue、ts、js文件会被vite-plugin-pages按照层级自动生成路由，并通过import route from "~pages";在路由文件中引用。