91 lines
1.9 KiB
Markdown
91 lines
1.9 KiB
Markdown
|
||
---
|
||
#领域/TDesign
|
||
|
||
#复盘/0 #临时/备忘 #状态/待处理
|
||
|
||
## 一句话描述
|
||
|
||
[___tdesign项目初始化_____]
|
||
|
||
---
|
||
|
||
## 核心规范
|
||
|
||
>空想不如行动，积累胜于苛求。
|
||
>实践 > 沉淀 > 完美主义
|
||
|
||
实践不是盲目行动，而是带着“小目标、可验证“的方向试错，实践后必须沉淀（比如记录问题、总结规律），否则就是低水平重复。
|
||
|
||
实践大于沉淀，沉淀大于完美；完美是沉淀的终局方向，沉淀是实践的复盘产物；分域施策，避坑落地，始于行动，终于迭代。
|
||
|
||
---
|
||
|
||
## 三省沉淀法
|
||
|
||
- 达成了[___通过 tdesign cli 创建新的前端项目_____]目标
|
||
- 遇到了[__创建时全量或轻量，都不会完全适配实际项目需求______]问题
|
||
- 下次改进[__创建全量作为可查询示例，创建轻量作为实际项目框架______]
|
||
|
||
## 个人理解
|
||
|
||
[___丰富的前端组件示例，组合实现页面_____]
|
||
|
||
## 实践计划
|
||
|
||
#状态/待实践
|
||
|
||
1. [__建立提问模板，例如在页面中添加什么什么，明确标注知识背景（注意是否存在更新），现有实现，需要实现______]
|
||
2. [__基于此框架建立，二次组合封装，各种组件______]
|
||
3. [________]
|
||
|
||
---
|
||
|
||
## 核心定义
|
||
|
||
```bash
|
||
# 安装 CLI 工具
|
||
npm i tdesign-starter-cli@latest -g
|
||
|
||
# 创建项目
|
||
td-starter init
|
||
```
|
||
|
||
|
||
### 示例
|
||
|
||
#### ✅ 示例一：
|
||
|
||
```bash
|
||
|
||
```
|
||
|
||
#### ✅ 示例二：
|
||
|
||
```bash
|
||
|
||
```
|
||
|
||
### 避坑点
|
||
|
||
⚠️ 避坑点1：
|
||
解决方案：
|
||
|
||
⚠️ 避坑点1：在线开发环境，域名出现非正常访问
|
||
核心问题：对未知的host不允许
|
||
解决方案：✅ 修改 vite.config.ts 文件，设置 host 为 0.0.0.0
|
||
|
||
```js
|
||
export default defineConfig({
|
||
plugins: [vue()],
|
||
server: {
|
||
port: 3002,
|
||
host: '0.0.0.0',
|
||
allowedHosts: ['.cnb.run'],
|
||
proxy: {
|
||
'/api': 'http://127.0.0.1:3000/',
|
||
},
|
||
}
|
||
})
|
||
```
|