# chart
This template should help get you started developing with Vue 3 in Vite.
## 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
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Type-Check, Compile and Minify for Production
```sh
npm run build
```
### Run Headed Component Tests with [Cypress Component Testing](https://on.cypress.io/component)
```sh
npm run test:unit # or `npm run test:unit:ci` for headless testing
```
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
npm run build
npm run test:e2e # or `npm run test:e2e:ci` for headless testing
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```
### unocss config
m_c = 'display:flex align-itesm:center'
m_f = 'display:flex'
m_cb = 'display:flex align-itesm:center justify-content:space-between'
m_b = 'display:flex justify-content:space-between'
归档.zip
需积分: 8 199 浏览量
2022-10-12
15:31:38
上传
评论
收藏 2.99MB ZIP 举报
归档.zip （68个子文件） 
tsconfig.app.json 564B package.json 2KB pnpm-lock.yaml 153KB
cypress support 
component-index.html 291B component.ts 1KB e2e.ts 670B commands.ts 1KB e2e example.cy.ts 191B tsconfig.json 226B fixtures example.json 155B index.html 336B tsconfig.config.json 196B cypress.config.ts 340B dist assets index.af972357.js 909KB
woman.f7aaf11d.png 318KB index.a0337b34.css 397KB
logo.11d0d2d1.jpg 18KB man.96f661f5.png 349KB user-info-bg.912f9b1c.png 790KB index.html 428B .DS_Store 6KB favicon.ico 1KB tsconfig.cypress-ct.json 192B src server interceptors.ts 350B index.ts 639B login index.ts 270B hooks App.vue 212B assets css reset.css 535B images logo .DS_Store 6KB logo.jpg 18KB bg .DS_Store 6KB user-info-bg.png 790KB game woman.png 53KB .DS_Store 6KB man.png 44KB user-bg.png 96KB .DS_Store 8KB empty list.png 41KB empty.jpg 48KB auth.png 42KB 404.png 41KB .DS_Store 6KB .DS_Store 6KB .DS_Store 6KB main.ts 359B utiils views Home index.vue 498B components user-list.vue 8KB user-recommend.vue 3KB user-publish.vue 2KB user-info.vue 3KB social-contact-libcom .git 53B user-info index.ts 201B README.md 52B components core login.vue 7KB basic interface stores user.ts 205B theme.ts 780B layout content index.vue 333B index.vue 347B header index.vue 3KB router home index.ts 209B index.ts 447B tsconfig.json 197B env.d.ts 38B vite.config.ts 985B public .DS_Store 6KB favicon.ico 1KB README.md 2KB uno.config.js 197B
评论0