# vue-wadv-admin **Repository Path**: wangdachuia/vue-wadv-admin ## Basic Information - **Project Name**: vue-wadv-admin - **Description**: vue+vite+typescript配置式前端开发平台 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-10-30 - **Last Updated**: 2024-11-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue-wadv-admin - 系统文档 [跳转文档](http://nm.hzwima.com:8100/docs) 这个模板应该有助于你开始在Vite中使用Vue 3进行开发。 ## 推荐的IDE设置 [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). ## TS中`.vue`导入的类型支持 默认情况下,TypeScript无法处理`.vue`导入的类型信息,因此我们将`tsc`CLI替换为`vue-tsc`进行类型检查。在编辑器中,我们需要[TypeScript Vue插件(Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue插件),使typescript语言服务能够感知.vue类型。 如果你觉得独立的TypeScript插件不够快,Volar还实现了[接管模式](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669)更具性能。您可以通过以下步骤启用它: 1.禁用内置的TypeScript扩展 1) 从VSCode的命令面板运行`扩展:显示内置扩展` 2) 找到`TypeScript和JavaScript语言特性`,右键单击并选择`禁用(工作区)` 2.通过从命令面板运行`开发人员:重新加载窗口`来重新加载VSCode窗口。 ## 自定义配置 请参阅[Vite配置参考](https://vitejs.dev/config/). ## 项目设置 ```sh npm install -g pnpm pnpm install ``` ### 编译和热重载开发 ```sh pnpm dev ``` ### 类型检查、编译和生产小型化打包 ```sh pnpm build ``` ### 使用以下工具运行单元测试 [Vitest](https://vitest.dev/) ```sh pnpm test:unit ``` ### 代码检查 [ESLint](https://eslint.org/) ```sh pnpm lint ```