The front-end source code of the blog project uses the latest technology Vue3 + Tyepscript + Vite + TailWindocss + Threejs ...
Blog homepage：https://www.shmilyyy.cn
CSDN homepage：https://blog.csdn.net/shmilynn_?spm=1001.2014.3001.5343
GitHub homepage：https://github.com/IsMShmily
├─ public # Static resources ├─ src # Root directory │ ├─ App.vue │ ├─ api │ │ ├─ backend # Backend interfaces │ │ ├─ common # Common interfaces │ │ └─ index.ts │ ├─ assets │ ├─ components # Components │ ├─ global # Global │ ├─ hook # Hooks │ ├─ main.ts │ ├─ pages # Pages │ ├─ plugins # Plugins │ ├─ router # Routing │ ├─ store # Pinia store │ ├─ styles │ ├─ type.d.ts │ ├─ types │ ├─ utils # Utility files │ └─ vite-env.d.ts ├─ .env ├─ .env.development ├─ .env.production ├─ .prettierrc.json ├─ CHANGELOG.md ├─ LICENSE ├─ README.md ├─ commitlint.config.js # Commitlint configuration ├─ eslint.config.js ├─ index.html ├─ package.json ├─ pnpm-lock.yaml ├─ postcss.config.js # PostCSS configuration ├─ tailwind.config.js # Tailwind CSS configuration ├─ tsconfig.json ├─ tsconfig.node.json └─ vite.config.tsBy default, your computer should have Node.js, Vue, MongoDB, and a code editor installed. Please refer to my environment configuration:
Node.js: v18.18.0 @vue/cli 5.0.8 git clone https://github.com/IsMShmily/Vue3_Ts_blog.git | Command | Description |
|---|---|
| pnpm i | Install dependencies |
| pnpm run dev | Start development server |
| pnpm run build | Build for production |
- Getting Started with Next.js 15
- Next.js 15 - App Router
- Next.js 15 - Using Route Handlers
- Next.js 15 - Using Middleware
- Next.js 15 - Understanding CSR, SSR, SSG, and ISR
- Next.js 15 - Server Components (RSC) vs Client Components
- Next.js 15 - Client Components
- Next.js 15 - What is Streaming?
- Next.js 15 - Server-Side Rendering Strategies
- Why is TypeScript Called Type Gymnastics?
- TypeScript Types and Type Operations (Part 1)
- TypeScript Types and Type Operations (Part 2)
- TypeScript Type Gymnastics: Detailed Explanation of extends and infer