|
Size: 1785
Comment:
|
Size: 1808
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 18: | Line 18: |
| == Sample code typescript for browser== | == Sample code typescript for browser == |
| Line 27: | Line 27: |
| <head><title>TypeScript Greeter</title></head> | <head><title>TypeScript Greeter</title><meta charset="UTF-8"></head> |
typescript
install
- npm install -g typescript
Compile
- tsc helloworld.ts
kate
https://github.com/PrettyFlower/KateTypeScriptSyntaxHighlighting
wget https://github.com/PrettyFlower/KateTypeScriptSyntaxHighlighting/raw/master/typescript.xml cp typescript.xml /usr/share/apps/katepart/syntax/typescript.xml
Sample code typescript for browser
npm install -g typescript
npm install -g webpack
//greeter.html
<!DOCTYPE html>
<html>
<head><title>TypeScript Greeter</title><meta charset="UTF-8"></head>
<body>
<script src="dist/bundle.js"></script>
</body>
</html>
//lib.ts
export function getText(){
return "text";
}
//greeter.ts
import {getText} from "./lib";
interface Person {
firstName: string;
lastName: string;
}
function greeterPerson(p:Person) {
return "Hello GP, " + p.firstName + ' ' + p.lastName + ' '
+ getText() ;
}
function greeter(person:string) {
return "Hello, " + person;
}
var user = "XPTO User";
//document.body.innerHTML = greeter(user);
document.body.innerHTML = greeterPerson(
{firstName:"First",lastName:"Last"}
);
//tsconfig.json
{
"compilerOptions": {
"module": "es6",
"noImplicitAny": true,
"removeComments": true,
"preserveConstEnums": true,
"sourceMap": true
},
"files": [ "greeter.ts", "lib.ts"]
}
//webpack.config.js
var path = require('path');
module.exports = {
entry: ['./greeter.js','./lib.js'],
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
};
// build
tsc
webpack --config webpack.config.js