consult-patient-h5-vue3-ts-pinia-vant - GitLite

KO | EN

gitlite — search

#python #react #ai #golang #machine-learning #deep-learning #linux #nodejs #pytorch #security #mcp #ios #openai #open-source

consult-patient-h5-vue3-ts-pinia-vant

(★ 128)

Vue3, Vue Router, Pinia, Composition API, TypeScript, Vant4, VueUse, Axios, SocketIO, PostCSS, ESlint, Prettier, Husky, Lint-staged, Mock, Amap, QQ Login, Alipay Sandbox, Eruda, CI/CD, Vercel, Mobile Project.

File Explorer

Download Latest Version (.zip)

- pre-commit
- extensions.json
- bg1.png
- favicon.ico
- - ad.png
  - avatar-doctor.svg
  - car.png
  - consult-fast.png
  - end.png
  - qq.svg
  - start.png
- - CpIcon.vue
  - CpNavBar.vue
  - CpPaySheet.vue
  - CpRadioBtn.vue
- - index.ts
- - index.ts
- - index.ts
- - index.ts
- - constants.ts
  - consult.ts
  - order.ts
  - user.ts
- - index.ts
- - login.scss
  - main.scss
  - room.scss
- - components.d.ts
  - consult.d.ts
  - global.d.ts
  - order.d.ts
  - room.d.ts
  - user.d.ts
  - vue-router.d.ts
- - filter.ts
  - request.ts
  - rules.ts
- App.vue
- main.ts
- index.html
- test.js
- websocket.html
.env.development
.env.production
.eslintrc.cjs
.gitignore
.prettierrc.json
env.d.ts
index.html
LICENSE
package.json
pnpm-lock.yaml
postcss.config.js
README.md
tsconfig.config.json
tsconfig.json
vercel.json
vite.config.ts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# consult-patient-vue3 (Vue3 + TS + Pinia + Vant4)

This template should help get you started developing with Vue 3 in Vite.    [![Page Views Count](https://badges.toozhao.com/badges/01H7Y5SE9F8P5Q0KBXGGP4ZDAG/orange.svg)](https://badges.toozhao.com/stats/01H7Y5SE9F8P5Q0KBXGGP4ZDAG "Get your own page views count badge on badges.toozhao.com")

## Document

开发文档：https://zhousg.github.io/patient-h5-note/   
国内站点：https://zhousg.atomgit.net/patient-h5-note/

![](https://raw.githubusercontent.com/zhousg/consult-patient-h5-vue3-ts-pinia-vant/main/public/bg1.png)

## Recommended IDE Setup

[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).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```