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

EdgerOS 2021-09-30 10:17:19

使用 TypeScript 开发

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

前期准备请参考

初始化项目

可以通过以下任意一种方式进行项目初始化

a. 通过 git clone 创建模板工程

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

b. 通过 VSCode EdgerOS 扩展插件或 CLI 工具(敬请期待)

创建应用的过程中选择 TypeScript 模版即可。

创建好的目录结构如下:

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

相对于之前的 JavaScript 工程项目,该模板中将所有文件放入到了 src 文件目录下,此时我们需要注意 edgeros.json 和 package.json 这两个文件中相应的配置。

#edgeros.json

JSRE 1.4.3之后的版本才能支持 TypeScript 编译打包之后的项目文件,所以此处必须 mesv 字段须大于 1.4.3:

"program": {
  "mesv": "1.4.3", 
  ...
},

#package.json

默认情况下 tsconfig.json 中的 outDir 字段配置为 dist,因此打包后的 TypeSciprt 项目入口文件在 package.json 中需要做相应的改变:

main: "dist/main.js"

编译TypeScript

# 运行编译之后会生成对应的 JavaScript 代码文件夹 ‘dist’
npm run compile

部署与发布应用

请参考指南文档中的其它部分:

...全文
475 4 收藏 回复
写回复
回复
切换为时间正序
请发表友善的回复…
发表回复
相关推荐
发帖
爱智开发者社区
创建于2021-08-16

237

社区成员

爱智开发者平台是一个开放的物联网平台,通过爱智世界,应用开发者可以把自己的应用分发到亿万用户的设备上,硬件开发者能够把设备能力开放给海量的开发者,让优质的应用脱颖而出,为用户提供更优秀的使用体验。
帖子事件
创建了帖子
2021-09-30 10:17
社区公告
暂无公告