# Vue 3 + Typescript + Vite
This template should help get you started developing with Vue 3 and Typescript in Vite.
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur). Make sure to enable `vetur.experimental.templateInterpolationService` in settings!
### If Using `<script setup>`
[`<script setup>`](https://github.com/vuejs/rfcs/pull/227) is a feature that is currently in RFC stage. To get proper IDE support for the syntax, use [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) instead of Vetur (and disable Vetur).
## Type Support For `.vue` Imports in TS
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 use the following:
### If Using Volar
Run `Volar: Switch TS Plugin on/off` from VSCode command palette.
### If Using Vetur
1. Install and add `@vuedx/typescript-plugin-vue` to the [plugins section](https://www.typescriptlang.org/tsconfig#plugins) in `tsconfig.json`
2. Delete `src/shims-vue.d.ts` as it is no longer needed to provide module info to Typescript
3. Open `src/main.ts` in VSCode
4. Open the VSCode command palette
5. Search and run "Select TypeScript version" -> "Use workspace version"
Vue3.0+Vite+TypeScript后台管理系统.zip
需积分: 0 190 浏览量
2024-01-02
20:58:38
上传
评论
收藏 229KB ZIP 举报
Vue3.0+Vite+TypeScript后台管理系统.zip （113个子文件） 
reset.css 811B index.css 58B .env.dev 35B .gitignore 45B
index.html 454B favicon.ico 4KB tailwind.config.js 220B postcss.config.js 82B package-lock.json 63KB package.json 671B tsconfig.json 437B yarn.lock 52KB README.md 2KB
welcome.png 103KB logo.png 7KB const.ts 5KB index.ts 5KB index.ts 5KB const.ts 4KB waterMark.ts 3KB const.ts 3KB utils.ts 3KB AuthManageApi.ts 3KB GoodsManageApi.ts 3KB goodsConst.ts 2KB const.ts 2KB permissionConst.ts 2KB useDialogAddEdit.ts 2KB request.ts 2KB roleConst.ts 2KB UserManageApi.ts 2KB useTableMethods.ts 1KB consumerConst.ts 1KB const.ts 1KB adminConst.ts 1KB const.ts 1KB moduleConst.ts 1KB useAttrs.ts 1KB goodsTypeConst.ts 1KB useFormMethods.ts 1KB brandConst.ts 1KB GoodsManage.ts 1KB const.ts 1KB Common.ts 1KB index.ts 1KB useComponentMethods.ts 1KB OrderManageApi.ts 1KB main.ts 992B AuthManage.ts 987B const.ts 967B UserManage.ts 954B index.ts 949B IlForm.ts 874B useFormData.ts 838B useShowDialog.ts 833B storage.ts 808B index.ts 739B OrderManage.ts 684B useBrandList.ts 618B index.ts 564B useTableData.ts 531B index.ts 493B index.ts 439B index.ts 433B vite.config.ts 411B index.ts 381B index.ts 267B shims-vue.d.ts 267B mutations.ts 266B index.ts 244B Menu.ts 195B Request.ts 155B Config.ts 110B HomePage.vue 9KB GoodsPage.vue 8KB PlaceOrderList.vue 6KB AddEditRoleDialog.vue 5KB PermissionPage.vue 5KB RolePage.vue 5KB AdminPage.vue 5KB GoodsTypePage.vue 4KB TopGuide.vue 4KB ModulePage.vue 4KB BrandPage.vue 4KB test.vue 3KB testTable.vue 3KB AddEditGoodsDialog.vue 3KB AddEditGoodsTypeDialog.vue 3KB IlTable.vue 3KB AddEditOrderDialog.vue 3KB IlContainer.vue 3KB AddEditAdminDialog.vue 3KB IlTableColumn.vue 3KB IlForm.vue 3KB LoginPage.vue 3KB PlaceOrderDetailPage.vue 3KB AddEditPermissionDialog.vue 2KB AddEditBrandDialog.vue 2KB AddEditModuleDialog.vue 2KB IlCol.vue 2KB共 113 条
- 1
- 2
资源评论
白话Learning
- 粉丝: 3107
- 资源: 2465
