- 添加 VS Code 推荐扩展配置 - 配置基础 CSS 样式和主题变量 - 添加 Vue 组件基础结构和路由配置 - 集成 Pinia 状态管理 - 配置 Vite 和 TypeScript 环境 - 添加 TDesign Mobile Vue 组件库 - 设置代码格式化和开发工具 - 创建首页动画效果和卡片组件 - 配置 Git 忽略文件和属性 - 添加项目 README 文档和依赖配置 |
||
|---|---|---|
| .vscode | ||
| public | ||
| src | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierrc.json | ||
| auto-imports.d.ts | ||
| components.d.ts | ||
| env.d.ts | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Animo
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VS Code + Vue (Official) (and disable Vetur).
Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
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 Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build