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

KO | EN

gitlite — search

#hacktoberfest #llm #golang #machine-learning #rust #linux #nodejs #java #kubernetes #awesome-list #security #mcp #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

# Installation Guide

1. Get the code

git clone https://github.com/zhousg/consult-patient-h5-vue3-ts-pinia-vant

Downloads the entire project code from GitHub to your computer.

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

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

pnpm install

Downloads and installs the libraries listed in package.json.

pnpm dev

Starts the development/run server.

pnpm build

Type this command into your terminal and run it.

pnpm lint

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// 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
```