使用 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
步骤三:部署与发布应用
编译完成后,可参考部署应用和发布应用文档,完成部署与发布。