Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zhousg/consult-patient-h5-vue3-ts-pinia-vant
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.
https://github.com/zhousg/consult-patient-h5-vue3-ts-pinia-vant
eslint husky mobile pinia prettier socket-io template typescript vant vitest vue vue3
Last synced: 9 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/zhousg/consult-patient-h5-vue3-ts-pinia-vant
- Owner: zhousg
- License: mit
- Created: 2022-12-14T08:50:37.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-17T13:20:55.000Z (6 months ago)
- Last Synced: 2024-10-14T21:07:19.954Z (22 days ago)
- Topics: eslint, husky, mobile, pinia, prettier, socket-io, template, typescript, vant, vitest, vue, vue3
- Language: Vue
- Homepage: https://consult-patient-h5-vue3-ts-pinia-vant.vercel.app/
- Size: 1.57 MB
- Stars: 111
- Watchers: 3
- Forks: 27
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# consult-patient-vue3 (Vue3 + TS + Pinia + Vant4)
This template should help get you started developing with Vue 3 in Vite. [](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/
## 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
```