爱智应用开发基础4-使用 TypeScript 开发

EdgerOS 2021-09-30 10:17:19

使用 TypeScript 开发

本文介绍如何使用 TypeScript 开发爱智应用。

准备工作

# 操作步骤

 创建应用

可通过以下方式获取应用模板:

方式一

使用 git clone 命令,从 github 上克隆应用模板。

git clone https://github.com/edgeros/tpl-typescript.git [project_name]

方式二

在 Visual Studio Code 中使用应用模板进行创建,请参考 创建应用 步骤,选择 TypeScript 模版即可。

创建出的目录结构如下:

├── assets          资源文件夹    
├── src             项目源文件            
  ├── routers       路由信息 
  ├── main.ts       程序入口
├── public          静态页面文件
├── eslintrc.json   eslint 配置文件
├── edgeros.json    edgeros 应用配置文件
├── tsconfig.json   tsconfig 配置文件
└── package.json    依赖包的管理

相对于 JavaScript 工程项目,该模板中将所有文件放入到了 src 文件目录下,需要注意 package.json 文件中相应的配置。默认情况下 tsconfig.json 中的 outDir 字段配置为 dist,因此打包后的 TypeSciprt 项目入口文件在 package.json 中需要做如下改变:

main: "dist/main.js"

编译 TypeScript

参考以下示例,编译 TypeScript,运行编译之后会生成对应的 JavaScript 代码文件夹 dist。

npm run compile

部署与发布应用

编译完成后,可参考部署应用和发布应用文档,完成部署与发布。

...全文
760 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
CSDN-Ada助手 2023-01-13
  • 打赏
  • 举报
回复
您可以前往 CSDN问答-编程语言 发布问题, 以便更快地解决您的疑问

1,582

社区成员

发帖
与我相关
我的任务
社区描述
爱智开发者平台是一个开放的物联网平台,通过爱智世界,应用开发者可以把自己的应用分发到亿万用户的设备上,硬件开发者能够把设备能力开放给海量的开发者,让优质的应用脱颖而出,为用户提供更优秀的使用体验。
边缘计算物联网javascript 企业社区
社区管理员
  • EdgerOS
  • Lumos_zbj
  • dayinfinite
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧