typescript 事始め
Categories： TECHNOLOGY
typescript をちょっと個人で書かなければいけないかもしれないので、本当に少しだけ触っていくための準備をしてみた。
インストール
$ npm install -g typescript
/Users/ryo/.nodenv/versions/10.16.2/bin/tsc -> /Users/ryo/.nodenv/versions/10.16.2/lib/node_modules/typescript/bin/tsc
/Users/ryo/.nodenv/versions/10.16.2/bin/tsserver -> /Users/ryo/.nodenv/versions/10.16.2/lib/node_modules/typescript/bin/tsserver
- typescript@4.1.3
added 1 package from 1 contributor in 2.004s
$ npx -v
6.9.0
$ npx tsc
Version 4.1.3
IntelliJ Idea でプロジェクトを作成
こちらを見ながら作業をしていった。
https://journal.lampetty.net/entry/setup-typescript-development-environment
File Watchersというプラグインを入れた。- hello.ts ファイルを作った class Hello {
message: string;
constructor(message) {
this.message = message;
}
printMessage() {
console.log(this.message);
}
}
let hello = new Hello('hello');
hello.printMessage();
tsファイルを作っても File Watchersが反応してくれなかったので、
$ npx tsc hello.ts
をしてみたら、hello.jsができてた。
var Hello = /** @class */ (function () {
function Hello(message) {
this.message = message;
}
Hello.prototype.printMessage = function () {
console.log(this.message);
};
return Hello;
}());
var hello = new Hello('hello');
hello.printMessage();
このjsどこで実行したらいいかなー、もしかしてnpx（のことをわかってない）でいけるのではn？って思ってやってみたらいけた
$ npx run hello.js
npx: installed 5 in 1.275s
Watching ts-helloworld and all sub-directories not excluded by your .gitignore. Will not monitor dotfiles.
Starting: hello.js
hello
なるほど出力された。
もう少し勉強を勧めたい、何を題材としてやっていこうかこれから考えていこう。
Tweet