NPM and TypeScript support

NPM support

Install npm

• Many online tutorials exist. Examples:
• https://www.bilibili.com/video/BV1wBDTYZECJ/
• https://www.cnblogs.com/yang37/p/18423524
• Or search for “install npm”

Enable npm in a project

• Right-click the project → Add NPM support
• A package.json is created in the project root when done
• Run npm install <package-name> in the project directory, e.g. npm install md5 — follow the package’s official usage

Notes

• npm packages target different runtimes (web, Node, etc.). EC’s JS runtime is pure JS — choose pure-JS packages only
• Not every npm package is supported

TypeScript support

Install TypeScript

• Examples:
• https://www.runoob.com/typescript/ts-install.html
• https://blog.csdn.net/cdns_1/article/details/140401513
• Or search for “install TypeScript”

Enable TypeScript in a project

• Right-click the project → Add TypeScript support
• A tsconfig.json is created and .d.ts references are generated for JS under libs

TypeScript in the js folder

• JS under js is compiled to Java bytecode — no require; do not use export, but you can reference other JS files
• Write .ts in js, e.g. Card.ts — saving generates Car.d.ts and Card.js for use in other JS files

1
 // File: js/Car.ts
2
 class Car{
3
     test():void{
4
         logd("i am car.")
5
     }
6
 }

• Call from other JS:

1
 // File: js/main.js
2
 function main(){
3
     let car = new Car();
4
     car.test()
5
 }

TypeScript in the ts folder

• Files under ts must export and be loaded with require

1
 // File: ts/Car1.ts
2
 class Car1{
3
     test1():void{
4
         logd("i am car1.")
5
     }
6
 }
7
 export ={Car1}

• Call from JS:

1
 // File: js/main.js
2
 function main(){
3
     let car = require("ts/Car1")
4
     let car1 = new car.Car1();
5
     car1.test1()
6
 }

JS and TS mixed development