TypeScript实战篇 - TS实战：创建项目和目录结构

最新推荐文章于 2025-06-04 13:54:57 发布

原创最新推荐文章于 2025-06-04 13:54:57 发布 · 622 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #前端

TypeScript学习同时被 2 个专栏收录

20 篇文章

订阅专栏

TypeScript实战篇

6 篇文章

订阅专栏

本文介绍了如何使用TypeScript(TS)在Node端为花田APP实现聊天功能，包括创建项目、管理文件结构、使用npm和Vite构建子项目（如huatian-ui和组件库），以及配置.gitignore和package.json。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TS实现花田APP的聊天Node端

coding

创建项目

1.cmd创建项目
mkdir huatian-app-self // 创建项目文件夹
ls // 显示目录列表
cd huatian-app-self/ // 切换到花田项目文件夹下
cd.>.gitignore // 创建.gitignore 
// 作用：.gitignore文件的作用是开发一个项目时可以规定哪些文件夹或者文件不需要提交到仓库中。
mkdir packages // 多个子项目，用packages包一下
code . // vscode 打开项目
cd packages
npm create vite // 创建huatian-ui包
huatian-ui // 子项目名
vue
vue-ts
// 开始 创建花田组件库
mkdir huatian-component 
cd huatian-component
npm init
// 一路回车
修改package.json中name->@huatian/component
mkdir src // 创建文件夹
cd.>tsconfig.json // 创建文件ts配置文件
// 重复之前组件库创建步骤-创建【huatian-model,huatian-utils,huatian-svc】