juechafun/01-项目/2603-公开课/20260207-备忘-TDesign-项目初始化.md

---

#领域/TDesign

#复盘/0 #临时/备忘 #状态/待处理

一句话描述

[tdesign项目初始化__]

---

核心规范

空想不如行动，积累胜于苛求。 实践 > 沉淀 > 完美主义

实践不是盲目行动，而是带着“小目标、可验证“的方向试错，实践后必须沉淀（比如记录问题、总结规律），否则就是低水平重复。

实践大于沉淀，沉淀大于完美；完美是沉淀的终局方向，沉淀是实践的复盘产物；分域施策，避坑落地，始于行动，终于迭代。

---

三省沉淀法

• 达成了[通过 tdesign cli 创建新的前端项目__]目标
• 遇到了[创建时全量或轻量，都不会完全适配实际项目需求____]问题
• 下次改进[创建全量作为可查询示例，创建轻量作为实际项目框架____]

个人理解

[丰富的前端组件示例，组合实现页面__]

实践计划

#状态/待实践

1. [建立提问模板，例如在页面中添加什么什么，明确标注知识背景（注意是否存在更新），现有实现，需要实现____]
2. [基于此框架建立，二次组合封装，各种组件____]
3. [________]

---

核心定义

# 安装 CLI 工具
npm i tdesign-starter-cli@latest -g

# 创建项目
td-starter init

示例

✅ 示例一：

✅ 示例二：

避坑点

⚠️ 避坑点1： 解决方案：

⚠️ 避坑点1：在线开发环境，域名出现非正常访问 核心问题：对未知的host不允许 解决方案：✅ 修改 vite.config.ts 文件，设置 host 为 0.0.0.0

export default defineConfig({
  plugins: [vue()],
  server: {
    port: 3002,
    host: '0.0.0.0',
    allowedHosts: ['.cnb.run'],
    proxy: {
      '/api': 'http://127.0.0.1:3000/',
    },
  }
})